實驗性CSS和老式瀏覽器

Question

今天在佈局中使用像border-radius,text-shadow,box-shadow和gradient這樣的實驗性CSS屬性是一個好主意嗎？那麼像rgba()這樣的值呢？

當我查看網絡圖庫時，這些CSS屬性經常使用，並且根據24ways.org等文章，使用這些屬性並不是問題。

您的意見是？

Answer 1

我會說這是一個絕對不好的主意，取決於現在這些屬性。您可以使用它們，但它們在許多瀏覽器中不起作用。

關閉我的頭頂：border-radius,text-shadow和box-shadow和rgba在IE中根本不起作用。 Source for rgba，official IE compatibility table for all CSS properties

由於IE在瀏覽器市場仍佔有顯着的份額，忽視它會是愚蠢的。

所有這些效果的好處是，它仍然可以創建一個與他們看起來很棒的網站，並且在沒有他們的情況下仍然體面。唯一的例外可能是rgba，具體取決於您使用的上下文。

Answer 2

CSS標準規定：「當用戶代理無法解析選擇器（即，它不是有效的CSS 2.1）時，它必須忽略選擇器和以下聲明塊（如果有）「，請參閱http://www.w3.org/TR/CSS21/syndata.html

這意味着您可以使用rgba（）和舊版瀏覽器應該忽略該選項。但是，您可以爲它們提供回退值（請參閱http://css-tricks.com/rgba-browser-support/）：

background:#cfdfaf; /*works on old browsers*/ 
background:rgba(200, 54, 54, 0.5); 
    /*overrides the previous declaration for new browsers*/