2011-03-01 41 views
3

Internet Explorer的filter CSS屬性(來自IE 8的-ms-filter)允許您執行CSS漸變,有點像-webkit-gradient-moz-gradient屬性(請參閱,例如question 213750)。您可以在使用Internet Explorer的過濾器屬性生成的漸變中使用rgba顏色嗎?

但是,該語法似乎不允許使用rgba顏色,因此您無法執行從顏色到透明的漸變。

有什麼辦法可以實現在IE中以透明度結束的漸變?

+3

當心:即過濾器不能處理超過4096個像素高或寬更大的元件。我在製作半透明覆蓋層時發現了這一點。 – 2011-03-01 19:13:57

+0

@Diodeus:呵呵,很高興知道。 – 2011-03-01 19:19:26

回答

5

停止顏色可以在#AARRGGBB表示法中指定,其中AA表示alpha。例如,#ffff0000是完全不透明的紅色。

這產生了100%的紅色〜50%的黑色水平梯度:

filter: progid:DXImageTransform.Microsoft.Gradient(
    GradientType=1, 
    StartColorStr='#ffff0000', 
    EndColorStr='#80000000' 
); 

jsFiddle preview

+0

啊哈,我想知道爲什麼很多'過濾器'的例子使用8字符的十六進制顏色。優秀的,歡呼聲。 – 2011-03-02 00:20:09

相關問題