檢測css 3d變換

我想檢測瀏覽器是否支持3d css變換或不。我已經調查提供的淨每一個解決方案，但他們沒有工作對我來說然後我用@support CSS屬性爲我的工作嘗試。它在Linux中運行在Chrome瀏覽器中的Chrome &完美工作，但不能在windows中運行。檢測css 3d變換

可能這是因爲我在兩個OS使用鉻23測試，並根據在https://developer.mozilla.org/en-US/docs/CSS/@supports#Browser_compatibility兼容性表只鉻24具有用於@support規則的支持。

任何想法，這種方法是否適合用於檢查的3D支持？我只關心鉻23.x及以上和Firefox 18及以上，而不是任何其他瀏覽器，

 @supports(-webkit-transform: perspective(1px))or 
       (-moz-transform: perspective(1px)) or 
       (-o-transform: perspective(1px)) or 
       (transform: perspective(1px)){ 

       #supports { 
        display:block; 
       } 

      }

來源

2012-11-29 adi rohan

您是否嘗試過的http：// Modernizr的。 com /？ – Johan

您可以使用Modernizr：

if (Modernizr.csstransforms3d) { 
    // CSS 3D Transforms supported 
} else { 
    // not supported 
}

來源

2012-11-29 09:10:30 Simone

這只是做了伎倆，非常感謝。我甚至不能投你了:( –

這不再是Modernizr的 – Michael

當前版本的一個有效的答案@邁克爾請隨時編輯我的答案 – Simone

檢測css 3d變換

回答

相關問題