背景颜色：无效的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; 这样作有效。