草庐IT

COLOR_BACKGROUND

全部标签

html - CSS - 使用数据属性添加颜色 - attr(data-color color)

我试图在我的css中为具有数据属性的不同元素添加颜色,但不起作用...我遵循以下说明:Theattr()Function:PropertiesValuesCollectedfromtheEditedDocument.W3CHTMLBlaablaaablaaaBlablaablaaaCSS.bgborder{display:block;width:5px;height:100%;position:absolute;top:0;background-color:attr(data-colorcolor);}什么都没有出现...我说得对吗?在我的chrome检查器中我有这个:backgrou

html - -Windows Phone 中的 webkit-tap-highlight-color?

对于WindowsPhone7(Mango)是否有等效于-webkit-tap-highlight-color的东西?我正在编写一个移动网站,如果可能的话,我希望它在所有浏览器中以相同的方式显示。我试过tap-highlight-color和-ms-tap-highlight-color,都没有用。 最佳答案 我知道回答这个问题已经晚了,但我有最新消息。不幸的是,答案仍然是否定的。但是,WP8上的IE10允许:只能禁用tap颜色,貌似不能自定义颜色。 关于html--WindowsPho

html - -Windows Phone 中的 webkit-tap-highlight-color?

对于WindowsPhone7(Mango)是否有等效于-webkit-tap-highlight-color的东西?我正在编写一个移动网站,如果可能的话,我希望它在所有浏览器中以相同的方式显示。我试过tap-highlight-color和-ms-tap-highlight-color,都没有用。 最佳答案 我知道回答这个问题已经晚了,但我有最新消息。不幸的是,答案仍然是否定的。但是,WP8上的IE10允许:只能禁用tap颜色,貌似不能自定义颜色。 关于html--WindowsPho

html - "background-size: cover"没有覆盖手机屏幕

我的网站上有一个照片背景,使用background-size:cover。它在大多数情况下都有效,但在纵向模式下在我的GalaxyS3上留下了一个奇怪的~30px空白区域。我附上了截图。1px的蓝绿色线条用于说明整个屏幕。似乎背景在社交媒体ul之后立即停止。我通过删除ul和背景将其附加到标语文本的底部来对此进行测试。另外,这是我关于移动端View的CSS:@mediaonlyscreenand(max-width:480px){.logo{position:relative;background-size:70%;-webkit-background-size:70%;-moz-bac

html - "background-size: cover"没有覆盖手机屏幕

我的网站上有一个照片背景,使用background-size:cover。它在大多数情况下都有效,但在纵向模式下在我的GalaxyS3上留下了一个奇怪的~30px空白区域。我附上了截图。1px的蓝绿色线条用于说明整个屏幕。似乎背景在社交媒体ul之后立即停止。我通过删除ul和背景将其附加到标语文本的底部来对此进行测试。另外,这是我关于移动端View的CSS:@mediaonlyscreenand(max-width:480px){.logo{position:relative;background-size:70%;-webkit-background-size:70%;-moz-bac

html - 图像作为绘制形状的 'background'

是否可以用图像而不是颜色“填充”HTML5Canvas上的形状?我画了一堆形状(各个角以45度角切掉的正方形)。我希望能够用图像而不是颜色来“填充”这些形状。目前我有一行说明:context.fillStyle='#123456'//examplefillcolor我正在寻找的是这样的东西:context.fillStyle='url(http://www.myimagereference.com/image.png)';我知道我不能以这种方式使用fillStyle-但是否有另一种方式来实现这种事情? 最佳答案 您可能想看看crea

html - 图像作为绘制形状的 'background'

是否可以用图像而不是颜色“填充”HTML5Canvas上的形状?我画了一堆形状(各个角以45度角切掉的正方形)。我希望能够用图像而不是颜色来“填充”这些形状。目前我有一行说明:context.fillStyle='#123456'//examplefillcolor我正在寻找的是这样的东西:context.fillStyle='url(http://www.myimagereference.com/image.png)';我知道我不能以这种方式使用fillStyle-但是否有另一种方式来实现这种事情? 最佳答案 您可能想看看crea

html - 背景大小之间的差异 :cover and background-size:contain

在视觉上我可以体会到差异,但在哪些情况下我应该更喜欢其中一种呢?使用它们有什么意义,还是可以用百分比代替?目前,在使用这些属性时,我似乎无法超越试错法,这让我很头疼。我也只能找到非常模糊的解释,尤其是我找到了W3Cdoc非常莫名其妙。Valueshavethefollowingmeanings:‘contain’Scaletheimage,whilepreservingitsintrinsicaspectratio(ifany),tothelargestsizesuchthatbothitswidthanditsheightcanfitinsidethebackgroundpositi

html - 背景大小之间的差异 :cover and background-size:contain

在视觉上我可以体会到差异,但在哪些情况下我应该更喜欢其中一种呢?使用它们有什么意义,还是可以用百分比代替?目前,在使用这些属性时,我似乎无法超越试错法,这让我很头疼。我也只能找到非常模糊的解释,尤其是我找到了W3Cdoc非常莫名其妙。Valueshavethefollowingmeanings:‘contain’Scaletheimage,whilepreservingitsintrinsicaspectratio(ifany),tothelargestsizesuchthatbothitswidthanditsheightcanfitinsidethebackgroundpositi

html - CSS "overflow"剔除 "background-color"

我正在尝试为网站设置代码块的样式。容器div设置为垂直和水平溢出。问题是当它水平溢出时,斑马条纹背景颜色被剔除。我也尝试过使用背景图片,但它也剔除了它。为什么会这样?我该如何解决?谢谢。图片:http://zero.robotrenegade.com/q3w/background-overflow.png网页(缩小浏览器宽度以查看问题):http://zero.robotrenegade.com/q3w/code.html$(document).ready(function(){jQuery("precode").html(function(index,html){returnhtml