背景顏色：無效的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; 這樣作有效。