我有这给所有div背景图像的一般规则。
我有一个DIV(使用id =“A”),我不希望它有背景图像。
我有什么CSS规则给它?
Answer 1:
尝试:
div#a {
background-image:none
}
Answer 2:
div#a {
background-image: none;
}
Answer 3:
div#a {
background-image: none !important;
}
虽然“!重要”可能没有必要,因为“#DIV一个”已不仅仅是“格”更高的特异性。
Answer 4:
div#a {
background-image: url('../images/spacer.png');
background-image: none !important;
}
我用一个透明的间隔图像,除了规则消除背景图像,因为IE6似乎忽视了background-image: none ,即使它被标记!important 。
Answer 5:
由于CSS3一个可以设置多背景图片设置为“无”,只会创建一个新层,隐藏什么。
http://www.css3.info/preview/multiple-backgrounds/ http://www.w3.org/TR/css3-background/#backgrounds
我还没有找到一个解决办法...
Answer 6:
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%);
旧的浏览器..如果你已经在一些framewokrk.css像IE9的背景图像select2.css定义的CSS:-webkit-梯度等,以及您通过其他希望它的CSS与改写“背景图片:无重要”不工作的。 我用同样的颜色渐变色样页面背景颜色。
Answer 7:
如果你的DIV的规则就是div {...}然后#a {...}就足够了。 如果是更复杂,你需要一个“更具体的”选择,在定义上的特异性CSS规范 。 (#A是更具体的比格是在算法只是一个方面。)
Answer 8:
没有这项工作:
.clear-background{
background-image: none;
}
可能对旧的浏览器的问题...
Answer 9:
更换你有以下规则:
div:not(#a) { // add your bg image here //}
Answer 10:
当background-image: none !important; 没有任何效果。 您可以使用:
background-size: 0 !important;
文章来源: How do I remove background-image in css?