如何在CSS中删除背景图片?


192

我有一条通用规则,该规则为所有DIV提供背景图像。
我有一个div(id ='a'),但我不希望它具有背景图像。
我必须给它什么CSS规则?

Answers:




30
div#a {
  background-image: none !important;
}

尽管“!important”可能不是必需的,因为“ div#a”比“ div”具有更高的特异性。


!important部分不是必需的,因为带有#a的声明比div声明更精确,因此将应用此规则代替一般的div规则。
Ruud

1
我发现!重要的是在Chrome中是必要的
dlchambers,2015年

17
div#a {
  background-image: url('../images/spacer.png');
  background-image: none !important;
}

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


6
这些天谁在乎IE6。
Rob W

-1您的答案不正确。我启动了IE6,并且background-image:none;(with ot without !important)正常运行。
Rob W

8
实际上,我在乎-我的一个客户有一个隔离的网络环境,其中包含一些尚未更新的特定软件。IE6是他们必须使用的。悲伤但真实:(
拉斯克拉克2012年

5
进行投票以减轻Rob W的投票。仅仅为了向后兼容性而投下赞成票,即使他是否可以重现,这都是很不礼貌的,无论他是否可以复制它
Kavi Siegel 2013年


2
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”重写不起作用。我使用了与页面背景色相同的颜色来进行渐变。




0

这不起作用:

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

在较旧的浏览器上可能会出现问题...


0

将您的规则替换为以下内容:

div:not(#a) { // add your bg image here //}
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.