实验性 CSS 和老式浏览器答案

【问题标题】：Experimental CSS and old fashioned browsers实验性 CSS 和老式浏览器
【发布时间】：2010-12-31 20:00:27
【问题描述】：

现在在布局中使用 border-radius、text-shadow、box-shadow 和 gradient 等实验性 CSS 属性是个好主意吗？那么像rgba() 这样的值呢？

当我查看网络画廊时，经常使用这些 CSS 属性，根据24ways.org 上的文章，使用这些属性没有问题。

你的意见是什么？

【问题讨论】：

【解决方案1】：

我会说现在依赖这些属性绝对是个坏主意。您可以使用它们，但它们不适用于许多浏览器。

在我的脑海中：border-radius、text-shadow 和 box-shadow 和 rgba 在 IE 中根本不起作用。 Source for rgba, official IE compatibility table for all CSS properties

既然 IE 在浏览器市场上仍然占有相当大的份额，忽略它是愚蠢的。

所有这些效果的好处在于，仍然可以创建一个使用它们看起来很棒的网站，并且没有它们仍然不错。唯一的例外可能是rgba，具体取决于您使用它的上下文。

【讨论】：

【解决方案2】：

CSS 标准规定：“当用户代理无法解析选择器（即，它不是有效的 CSS 2.1）时，它也必须忽略选择器和以下声明块（如果有）。”，请参阅 @987654321 @

这意味着你可以使用 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*/

【讨论】：