「-webkit-filter」在firefox中不起作用41.0.2

我有一個禁用按鈕的css屬性，如下所示。「-webkit-filter」在firefox中不起作用41.0.2

.btn-disabled { 
    pointer-events: none; 
    cursor: default; 
    color:#cecece !Important; 
    -webkit-filter: opacity(50%)  
}

我在chrome中獲得了所需的效果，但在firefox中沒有。有沒有辦法通過相同的CSS屬性在firefox，chrome，saffari中實現相同？

來源

2015-11-06 DesirePRG

火狐不需要'filter'前綴，只需使用符合標準的它。當然，還有「不透明」作爲獨立財產。 – dakab

您需要使用前綴爲Firefox -moz-，這是所有的瀏覽器：

.btn-disabled { 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */ 
    filter: alpha(opacity=50); /* IE 5-7 */ 
    -moz-opacity: 0.5; /* Netscape - firefox */ 
    -khtml-opacity: 0.5; /* Safari 1.x */ 
    opacity: 0.5; /* Good browsers */ 
    pointer-events: none; 
    cursor: default; 
}

你可以看到here。

來源

2015-11-06 08:17:02

供應商前置屬性爲實驗功能特定瀏覽器引擎。

Firefox是圍繞Gecko構建的，而不是Webkit，所以實驗性的Webkit功能將無法工作。

避免在開放網站上使用供應商前綴屬性（除非您正在編寫要實驗的網站，而不是強大的）。

Firefox已經支持the non-prefixed version很長時間了。

如果您真的想要體面的瀏覽器支持，請改爲使用opacity property。它支持回火狐1.

來源

2015-11-06 08:15:46 Quentin

簡單地使用Firefox -moz-前綴，

.btn-disabled{ 
    pointer-events: none; 
    cursor: default; 
    color:#cecece !Important; 
    -webkit-filter: opacity(50%); 
    -moz-filter: opacity(50%); 
    filter: opacity(50%); 
}

來源

2015-11-06 08:23:38 Khurram

「-webkit-filter」在firefox中不起作用41.0.2

回答

相關問題