2016-05-08 110 views
1

CSS是否有類似@media查詢,讓我有條件地適用於基於瀏覽器是否實現了一個單獨的樣式風格?CSS有條件地應用樣式

可以有條件地應用樣式會覆蓋另一個像

background-color: #fff; 
background-color: rgba(255,255,255,0); 

如果在瀏覽器中實現,這將只適用第二樣式,否則使用第一個定義的回退。

我願意做基礎上,-webkit-background-filter屬性是否可用後備類似的東西。我想只對元素應用透明度,如果我也可以給它一個-webkit-backdrop-filter,否則使其不透明。這是純粹的CSS,甚至JavaScript的可能嗎?

+2

寫CSS爲正常,那麼在這裏看到:http://stackoverflow.com/questions/15552082/css-rules-for-webkit-based-browsers –

+0

@RichardHowell關閉,但截至目前,Safari支持'-webkit -background-filter'和Chrome不支持。這比沒有好,因爲它會覆蓋IE和Firefox。 –

+2

用JavaScript,幾乎是一個沒有腦子:看看[Modernizr的](https://modernizr.com/)。 – mmgross

回答

2

您可以通過

document.body.style.hasOwnProperty(`prop name`) 

像標準樣式屬性的屬性名稱更改文本測試大多數的CSS屬性,即

css -webkit-背景過濾< => webkitBackgroundFilter js

至於應用的風格,取決於你是否添加/更改樣式元素或添加/更改CSS規則...