【學習】ie8支持rgba()透明度顏色

(個人博客網站中的原文:http://www.xiaoxianworld.com/archives/285,歡迎遇到的小夥伴常來瞅瞅,給點評論和建議,有錯誤和不足,也請指出。)瀏覽器

rgba()函數能夠用來設置透明的顏色,元素的背景啊,邊框啊等等。rgba的含義,r表明red,g表明green,b表明blue,紅綠藍是三原色。全部顏色均可以由這三種顏色拼合而成。a表明透明度。好比rgba(255,255,255,0.1)就是透明度爲0.1的白色。函數

在現代瀏覽器中是支持rgba的。可是在ie8等古董級瀏覽器中是不支持rgba的,可是若是客戶要求頁面兼容到ie8呢,切一個半透明的png24背景嗎?或者給ie8設置一個其餘的顏色?前者明顯很低級,後者效果又很差。怎麼解決呢,別忘了ie的透明濾鏡filter啊。網站

直接貼代碼:
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);orm

參數解釋:blog

startColorStr和endColorStr的值#7F000000,get

前兩位是十六進制的透明度,也就是透明值爲0.5,博客

後面六位是十六進制的顏色000000(黑色),若是是白色,就寫成ffffff。form

rgba 和IE下filter數值的轉換技巧

用這種方法,ie8也能兼容rgba了,很是實用的小技巧。方法

實際使用時,能夠加在條件註釋中,只對ie8起做用。

相關文章
相關標籤/搜索