如何删除CSS中的背景图像？

我有一个通用的规则，给所有的DIVs一个背景图片。
我有一个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＃a”比“div”具有更高的特异性。

Answer 4

 div#a { background-image: url('..http://img.dovov.comspacer.png'); background-image: none !important; } 

除了规则之外，我还使用了一个透明的间隔图像去除背景图像，因为IE6似乎忽略了background-image: none即使它被标记为“ !important 。

Answer 5

由于在css3中可能会设置多个背景图像设置“none”只会创build一个新的图层，什么都不隐藏。

http://www.css3.info/preview/multiple-backgrounds/ http://www.w3.org/TR/css3-background/#backgrounds

我还没有find解决scheme…

Answer 6

如果你的div规则只是div {...} ，那么#a {...}就足够了。 如果更复杂，则需要一个“更具体”的select器，就像CSS规范中关于特殊性所定义的那样。 （#a比div更具体，只是algorithm中的一个方面。）

Answer 7

 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中的css像IE9中的select2.css background-image：-webkit-gradient等等，你想通过另一个.css文件重写“background-image：none！important”不起作用。 我使用相同的颜色颜色渐变，如页面背景颜色。

Answer 8

这不工作：

 .clear-background{ background-image: none; } 

在较旧的浏览器上可能有问题…

Answer 9

将您所拥有的规则replace为以下内容：

 div:not(#a) { // add your bg image here //}