讓IE支持RGBa的背景色的代碼
更新時(shí)間：2010年07月13日 22:02:00 作者：
老版本的IE不支持RGBa的背景色，不過我們可以用濾鏡實(shí)現(xiàn)同樣的效果。
上代碼：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
DXImageTransform.Microsoft.gradient濾鏡里的startColorstr參數(shù)值是#AARRGGBB形式的，其中的AA是代表不透明度的十六進(jìn)制，00表示完全透明，F(xiàn)F就是全不透明，化成十進(jìn)制的范圍就是0~255，剩下的RRGGBB就是顏色的十六進(jìn)制代碼。例子中background: rgba(125, 0, 0, .3);表示的是30%不透明度的紅色背景。如何把30%的不透明度轉(zhuǎn)換成十六制呢？很簡(jiǎn)單，先計(jì)算#AA的的十進(jìn)制x，x/255 = 3/10，解得x=3*255/10，然后再把x換算成十六進(jìn)制，約等于4B。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
DXImageTransform.Microsoft.gradient濾鏡里的startColorstr參數(shù)值是#AARRGGBB形式的，其中的AA是代表不透明度的十六進(jìn)制，00表示完全透明，F(xiàn)F就是全不透明，化成十進(jìn)制的范圍就是0~255，剩下的RRGGBB就是顏色的十六進(jìn)制代碼。例子中background: rgba(125, 0, 0, .3);表示的是30%不透明度的紅色背景。如何把30%的不透明度轉(zhuǎn)換成十六制呢？很簡(jiǎn)單，先計(jì)算#AA的的十進(jìn)制x，x/255 = 3/10，解得x=3*255/10，然后再把x換算成十六進(jìn)制，約等于4B。
下面附上示例中用到的圖片：
作者：周明智
文章部分內(nèi)容來自：RGBa Browser Support
您可能感興趣的文章:
- RGB顏色值轉(zhuǎn)HTML十六進(jìn)制(HEX)代碼的JS函數(shù)
- Android-如何將RGB彩色圖轉(zhuǎn)換為灰度圖方法介紹
- javascript實(shí)現(xiàn)十六進(jìn)制顏色值（HEX）和RGB格式相互轉(zhuǎn)換
- JavaScript 十六進(jìn)制RGB色碼轉(zhuǎn)換器
- php Imagick獲取圖片RGB顏色值
- php Hex RGB顏色值互換的使用
- rgboard 3.0.12 遠(yuǎn)程文件包含漏洞
- javascript實(shí)現(xiàn)rgb顏色轉(zhuǎn)換成16進(jìn)制格式
- PHP實(shí)現(xiàn)將顏色hex值轉(zhuǎn)換成rgb的方法
- RGB和YUV 多媒體編程基礎(chǔ)詳細(xì)介紹
相關(guān)文章
如何利用JavaScript?實(shí)現(xiàn)繼承
這篇文章主要介紹了如何利用JavaScript?實(shí)現(xiàn)繼承，JavaScript?在編程語言界是個(gè)特殊種類，它和其他編程語言很不一樣，JavaScript可以在運(yùn)行的時(shí)候動(dòng)態(tài)地改變某個(gè)變量的類型,下面小編將繼續(xù)介紹JavaScript如何實(shí)現(xiàn)繼承,需要的朋友可以參考下2022-02-02
手機(jī)開發(fā)必備技巧：javascript及CSS功能代碼分享
這篇文章主要介紹了手機(jī)開發(fā)必備技巧：javascript及CSS功能代碼分享,本文講解了viewport(可視區(qū)域)操作、鏈接操作、javascript事件等內(nèi)容,需要的朋友可以參考下2015-05-05
JS實(shí)現(xiàn)定時(shí)頁面彈出類似QQ新聞的提示框
類似QQ新聞的提示框要求頁面每隔半小時(shí)彈出一次提示消息，下面有個(gè)不錯(cuò)的實(shí)現(xiàn)方法，感興趣的朋友可以參考下2013-11-11
使用js實(shí)現(xiàn)一個(gè)簡(jiǎn)單的滾動(dòng)條過程解析
這篇文章主要介紹了使用js實(shí)現(xiàn)一個(gè)簡(jiǎn)單的滾動(dòng)條過程解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09
JS特效實(shí)現(xiàn)圖片自動(dòng)播放并可控的效果
這篇文章主要介紹了JS代碼實(shí)現(xiàn)圖片自動(dòng)播放并可控的效果,需要的朋友可以參考下2015-07-07
JS+CSS實(shí)現(xiàn)下拉刷新/上拉加載插件
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)下拉刷新/上拉加載插件,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-03-03
js如何獲取訪問IP、地區(qū)、當(dāng)前操作瀏覽器
這篇文章主要介紹了js如何獲取訪問IP、地區(qū)、當(dāng)前操作瀏覽器,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-07-07
js實(shí)現(xiàn)注冊(cè)頁面校驗(yàn)功能
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)注冊(cè)頁面校驗(yàn)功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
js實(shí)現(xiàn)簡(jiǎn)單抽獎(jiǎng)小功能
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡(jiǎn)單抽獎(jiǎng)小功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
微信小程序api列表匯總包括網(wǎng)絡(luò)API,媒體API,文件API ,微信小程序支付流程,位置API,界面API等
這篇文章主要介紹了微信小程序api列表匯總包括網(wǎng)絡(luò)API,媒體API,文件API ,數(shù)據(jù)API,位置API,界面API,微信小程序支付流程,微信小程序登錄流程等,需要的朋友可以參考下2022-12-12