如何检查css属性是否受支持?

时间:2013-12-23 05:16:32

标签: css css3

无论如何都要检查是否支持给定的CSS属性?例如,我想使用perspective-origin在页面上制作动画,但如果不可用,我只会改变大小。

3 个答案:

答案 0 :(得分:1)

浏览器有很多css-hacks但是你需要自己处理所有浏览器的每个css属性

CSS Hacks

但如果您想自动处理CSS3和html5的所有浏览器,请使用Modernizr

支持的浏览器

支持IE6 +,Firefox 3.5 +,Opera 9.6 +,Safari 2 +,Chrome。在移动设备上,支持iOS的移动Safari,Android的WebKit浏览器,Opera Mobile,Firefox Mobile。

答案 1 :(得分:0)

使用http://caniuse.com/网站查看不同版本的网络浏览器如何支持您的媒体资源。您可以根据客户端的浏览器版本加载不同的样式。

此外,您可以使用CSS3PIE(http://css3pie.com/)模拟旧浏览器中不支持的属性。

答案 2 :(得分:0)

您可以添加对您的问题有帮助的modernizr.js。

您可以访问以下链接,这在我了解它时非常有用。

http://css-tricks.com/video-screencasts/126-using-modernizr/