2010-01-02 54 views
0

今天在布局中使用像border-radius,text-shadow,box-shadowgradient这样的实验性CSS属性是一个好主意吗?那么像rgba()这样的值呢?实验性CSS和老式浏览器

当我查看网络图库时,这些CSS属性经常使用,并且根据24ways.org等文章,使用这些属性并不是问题。

您的意见是?

回答

3

我会说这是一个绝对不好的主意,取决于现在这些属性。您可以使用它们,但它们在许多浏览器中不起作用。

关闭我的头顶:border-radius,text-shadowbox-shadowrgba在IE中根本不起作用。 Source for rgbaofficial IE compatibility table for all CSS properties

由于IE在浏览器市场仍占有显着的份额,忽视它会是愚蠢的。

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

3

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*/