背景颜色：无效的CSS？

谁能告诉我以下CSS是否有效？

.class {
    background-color:none;
}

#1楼

答案是不。

不正确

.class {
    background-color: none; /* do not do this */
}

正确

.class {
    background-color: transparent;
}

background-color: transparent完成同样的事情background-color: none 。

#2楼

.class {
    background-color:none;
}

这不是有效的财产。 W3C验证器将显示以下错误：

值错误：background-color none不是背景颜色值：无

在开发CSS规范期间，可能已选择transparent作为更好的术语而不是0或none值。

#3楼

CSS Level 3指定未unset属性值。来自MDN ：

未设置的CSS关键字是初始关键字和继承关键字的组合。与其他两个CSS范围的关键字一样，它可以应用于任何CSS属性，包括CSS简写全部。如果该属性从其父级继承，则将该属性重置为其继承的值，否则重置为其初始值。换句话说，它的行为类似于第一种情况下的inherit关键字，就像第二种情况下的initial关键字一样。

不幸的是，目前在所有浏览器中都不支持此值，包括IE，Safari和Opera。我建议暂时使用transparent 。

#4楼

写这个：

.class {
background-color:transparent;
}

#5楼

所以，我想解释一下我必须使用这个解决方案的情况。基本上，我想撤消另一个CSS设置的background-color属性。预期的最终结果是让它看起来好像原始的CSS从未应用background-color属性。设置background-color:transparent; 这样做有效。

来源：oschina

链接：https://my.oschina.net/u/3797416/blog/3165821

标签

opera

safari