如何檢測瀏覽器是否支持CSS3模糊？

我想在JS中寫一些東西，讓我知道用戶的瀏覽器是否支持CSS3 blur，並根據需要顯示（或不顯示）元素。它看起來不像Modernizr supports it，我真的無法找出另一種方法來檢查這一點。我怎樣才能做到這一點？如何檢測瀏覽器是否支持CSS3模糊？

來源

2013-10-15 daviesgeek

https://raw.github.com/Modernizr/Modernizr/master/feature-detects/css/filters.js –

我看到了，但這是過濾器屬性，大多數瀏覽器支持... – daviesgeek

目前，只有webkit瀏覽器支持'filter'屬性。 – Boaz

blur實際上是CSS filter屬性的值，而不是其本身內的CSS屬性。

要使用modernizr檢查CSS3 filter屬性的支持，只需使用Modernizr.cssfilters值即可。

來源

2013-10-15 06:48:47 Boaz

所以沒有真正的方法來檢測它是否特別支持模糊？ – daviesgeek

對不起，延遲迴復。在Modernizr術語中，支持'filter'屬性意味着根據[spec]（http://www.w3.org/TR/filter-effects/#FilterProperty）支持其所有值。因此，根據定義和規範，'Modernizr.cssfilters'特別檢測對「模糊」功能的支持。 – Boaz

好吧......我會試試看。聽起來它會起作用，所以我接受了它。謝謝！ – daviesgeek

如何檢測瀏覽器是否支持CSS3模糊？

回答

相關問題