2012-02-14 51 views
3

我與this gradient generator玩耍,並注意到在過濾器屬性,它們使用共同的地方十六進制顏色代碼的變化:IE是否支持專有的半透明CSS十六進制顏色代碼?

#00ffffff 

看似acheive一個RGBA效果: Permalink

我也看到這種方法提到here。 這是否在IE中工作?哪些版本的IE支持這個?

我的確看到了this question,但如果IE支持它,答案從未真正提到過。他們只是說這是無效的。

如果IE確實支持這個,那麼使用半透明的PNG確實沒有意義。對?

回答

5

顏色代碼#00ffffff代表0x00 alpha,0xFF紅色,0xFF綠色和0xFF藍色。這基本意味着完全透明的白色。 MSDN對此表示法有很好的描述。

#AARRGGBB表示法僅供MSIE過濾器使用,並應在(-ms-filter函數內由IE5.5 +支持。這在CSS中不是有效的顏色表達,所以不能與color,background-color等等一起使用,甚至不能在IE中使用。

實際上,漸變過濾器的使用是CSS3 rgba()的普通解決方法,對於不支持它們的較早版本IE的漸變。但是,由於過濾器經常會導致佈局問題(我不會詳細說明),包括我自己在內的很多人都選擇使用半透明PNG作爲背景圖片。

+0

我其實剛剛瞭解到這個昨天,它應該滑稽起來。我討厭在Photoshop中編輯顏色而不是CSS文件。學習您提到的與過濾器相關的佈局問題有什麼好的資源? – 2012-03-19 20:52:28

+0

@Madmartigan:我沒有任何資源,不幸的是 - 這是部分傳聞和部分個人經驗。我提到的「佈局」是指'hasLayout',所以這可能是一個很好的搜索術語。 – BoltClock 2012-03-19 20:57:01

+0

來自未來的你好!作爲一個有點相關的說明,CSS Color Module Level 4將*可能*支持4位和8位十六進制RGBA表示法。 http://stackoverflow.com/a/27802062/1317805 – 2015-01-06 15:47:15

相關問題