Question

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

当我查看Web画廊时，经常使用这些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），它必须忽略选择器和以下声明块（如果有的话）。”，请参阅{{ 3}}

这意味着您可以使用rgba（），旧浏览器应该忽略它。但是，您可以为他们提供后备值（请参阅http://www.w3.org/TR/CSS21/syndata.html）：

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