(個人博客網站中的原文: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起做用。