JQuery - 檢測CSS'display：table-row-group'的支持'

因此，Internet Explorer < = 8不接受CSS display屬性（等等）的標準table-row和table-row-group值。我不願意使用JQuery的browser detection features，因爲這些已被棄用。我如何檢測table-row-group支持jQuery 沒有解析瀏覽器/用戶代理字符串？也就是說，如何檢測功能的存在而不是特定瀏覽器的存在？JQuery - 檢測CSS'display：table-row-group'的支持'

來源

2010-09-08 leepowers

我不相信用Javascript你可以直接檢測到對CSS屬性的支持。我有兩個建議，如果這是真的：

插入到一個隱藏的div兩個元素，一個具有table-row，一個沒有。看看是否有高度或寬度差異。如果是這樣，計算高度或寬度，找出了支持它的瀏覽器和不支持的瀏覽器之間的差異。
即使jQuery的瀏覽器檢測已被棄用，你可以在本地主機下面的腳本：

http://www.tvidesign.co.uk/blog/CSS-Browser-detection-using-jQuery-instead-of-hacks.aspx

我用它，我喜歡它！它向body標籤添加了兩個類（例如「.browserIE7和.browserIE」），以便您可以使用Javascript（if $('body').hasClass('browserIE7')...）或CSS（.browserIE7.div {...）

祝您好運！

編輯

也許可以使用JavaScript ...第三名選項：http://perfectionkills.com/feature-testing-css-properties/雖然我沒有閱讀文章或使用了他的建議。

來源

2010-09-08 08:44:09 Kyle

如果CSS屬性檢測不工作了，我建議使用IE條件語句是這樣的：

<!--[if lte IE 7]> 
     <script type="text/javascript"> 
      var ie7 = true; 
     </script> 
<![endif]--> 

<!--[if lte IE 6]> 
     <script type="text/javascript"> 
      var ie6 = true; 
     </script> 
<![endif]-->

或者類似的規定......這就是，如果你想要讓你的腳本，以確定哪些瀏覽器您正在使用並且不想分析用戶代理字符串。

如果您只是想將CSS引導到特定的瀏覽器，那麼顯然只需在條件中添加一個指向IE樣式表的鏈接即可。我絕不會建議基於JS瀏覽器檢測發送不同的CSS，因爲並非所有用戶都會啓用JS。

來源

2010-09-15 23:23:39 Richard

您可能會覺得Modernizr很有用。它測試各種CSS屬性，並根據這些測試，爲<html>標記添加類。此外，它還增加了與用戶代理和相關內容相關的類。

您可以在其網站上了解更多有關Modernizr的信息：http://www.modernizr.com/

來源

2010-09-15 23:42:24

JQuery - 檢測CSS'display：table-row-group'的支持'

回答

相關問題