如何在css中删除背景图像?

Ita*_*vka 185 html css

我有一个通用规则,它给所有DIV一个背景图像.
我有一个div(id ='a'),我不希望它有背景图像.
我必须给予什么css规则?

Ant*_*nes 329

尝试:

div#a {
    background-image:none
}
Run Code Online (Sandbox Code Playgroud)

  • 只需使用`#a {}`.[除非必要,否则不要在选择器中使用元素类型](http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml#Type_selectors). (13认同)
  • "出于性能原因,避免使用不必要的祖先选择器是有用的." 当你不是谷歌时,这不是一个真正的问题. (3认同)

Ruu*_*uud 34

div#a {
    background-image: none;
}
Run Code Online (Sandbox Code Playgroud)


M4N*_*M4N 30

div#a {
  background-image: none !important;
}
Run Code Online (Sandbox Code Playgroud)

虽然"!important"可能不是必需的,因为"div#a"具有比"div"更高的特异性.

  • 我发现 !important 在 Chrome 中是必要的 (2认同)

小智 15

div#a {
  background-image: url('../images/spacer.png');
  background-image: none !important;
}
Run Code Online (Sandbox Code Playgroud)

除了删除背景图像的规则之外,我还使用透明的间隔图像,因为background-image: none即使标记了IE6,IE6似乎也会忽略它!important.

  • 实际上,我关心 - 我的一个客户有一个孤立的网络环境,其中包含一些尚未更新的特定软件.IE6是他们必须使用的.伤心但真实:( (8认同)
  • 这些天谁在乎IE6. (6认同)
  • 有一个upvote来减轻Rob W的downvote.尽管他是否可以重现它,但是为了向后兼容甚至不是黑客攻击而向他投票是非常粗鲁的. (5认同)

小智 8

因为在css3中可以设置多个背景图像设置"无"将仅创建新图层并且不隐藏任何内容.

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

我还没有找到解决方案......