如何檢查css屬性是否受支持？

無論如何檢查給定的CSS屬性是否被支持？例如，我想用perspective-origin在頁面上做一個動畫，但如果不可用，我只需改變大小。如何檢查css屬性是否受支持？

來源

2013-12-23 edA-qa mort-ora-y

使用[Modernizr的（http://www.sitepoint.com/detect-css3-property-browser-support/） –

@JohnConde，只是使答案。文章解釋了庫和它背後的代碼。完善。 –

有很多CSS-黑客的瀏覽器，但對於需要自己處理每個CSS屬性對於所有瀏覽器

CSS Hacks

但如果你想自動處理的CSS3和HTML5所有的瀏覽器，然後使用Modernizr

支持的瀏覽器

它支持IE6 +，火狐3.5 +，歌劇9.6+，Safari瀏覽器2+，鉻。在手機上，支持iOS的移動Safari，Android的WebKit瀏覽器，Opera Mobile，Firefox Mobile。

來源

2013-12-23 05:28:01

第一個鏈接是指「有條件的評論」，它根本沒有解決問題。關於Modernizr，我認爲你應該主要鏈接到http://modernizr.com，並明確說明它是如何幫助解決特定問題的。我想這將是一個使用'csstransforms3d'的例子。 Modernizr並沒有真正檢測到對單個屬性的支持，而是對屬性集合（或「鬆散意義上的」模塊）的支持。 –

使用http://caniuse.com/網站檢查您的財產是如何支持不同版本的網頁瀏覽器。您可以根據客戶端的瀏覽器版本加載不同的樣式。

另外，您可以使用CSS3PIE（http://css3pie.com/）在舊版瀏覽器中模擬不支持的屬性。

來源

2013-12-23 05:27:18

你可以包括modernizr.js這將有助於你的問題。

你可以訪問下面的鏈接，當我瞭解它的時候有用。

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

來源

2013-12-23 07:09:57

如何檢查css屬性是否受支持？

回答

相關問題