我有一条通用规则,该规则为所有DIV提供背景图像。
我有一个div(id ='a'),但我不希望它具有背景图像。
我必须给它什么CSS规则?
我有一条通用规则,该规则为所有DIV提供背景图像。
我有一个div(id ='a'),但我不希望它具有背景图像。
我必须给它什么CSS规则?
Answers:
尝试:
div#a {
background-image:none
}
div#a {
background-image: none !important;
}
尽管“!important”可能不是必需的,因为“ div#a”比“ div”具有更高的特异性。
div#a {
background-image: url('../images/spacer.png');
background-image: none !important;
}
我除此规则外还使用了透明的间隔图像来删除背景图像,因为background-image: none
即使IE6 被标记,它也似乎忽略了它!important
。
background-image:none;
(with ot without !important
)正常运行。
由于在css3中可能会设置多个背景图像,因此将“ none”设置为只会创建一个新层并且什么都不隐藏。
http://www.css3.info/preview/multiple-backgrounds/ http://www.w3.org/TR/css3-background/#backgrounds
我还没有找到解决方案...
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff));
background-image: -webkit-linear-gradient(center top, #fff 0%, #fff 50%);
background-image: -moz-linear-gradient(center top, #fff 0%, #fff 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
background-image: linear-gradient(to bottom, #fff 0%, #fff 50%);
对于较旧的浏览器..如果您在IE9背景图片中的select2.css中某些framewokrk.css中定义了css:-webkit-gradient等,并且您希望通过另一个.css用“ background-image:none!important”重写不起作用。我使用了与页面背景色相同的颜色来进行渐变。
如果您的div规则是just div {...}
,那么#a {...}
就足够了。如果更复杂,则需要一个“更具体”的选择器,如CSS规范对specificity所定义。(#a比div更具体,只是算法中的一个方面。)
#a {}
。除非有必要,否则不要在选择器中使用元素类型。