讓IE支持RGBa的背景色的代碼
更新時間：2010年07月13日 22:02:00 作者：
老版本的IE不支持RGBa的背景色，不過我們可以用濾鏡實現(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)換成十六制呢？很簡單，先計算#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)換成十六制呢？很簡單，先計算#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實現(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實現(xiàn)rgb顏色轉(zhuǎn)換成16進(jìn)制格式
- PHP實現(xiàn)將顏色hex值轉(zhuǎn)換成rgb的方法
- RGB和YUV 多媒體編程基礎(chǔ)詳細(xì)介紹
相關(guān)文章
這篇文章主要介紹了如何利用JavaScript?實現(xiàn)繼承，JavaScript?在編程語言界是個特殊種類，它和其他編程語言很不一樣，JavaScript可以在運行的時候動態(tài)地改變某個變量的類型,下面小編將繼續(xù)介紹JavaScript如何實現(xiàn)繼承,需要的朋友可以參考下2022-02-02
手機(jī)開發(fā)必備技巧：javascript及CSS功能代碼分享
這篇文章主要介紹了手機(jī)開發(fā)必備技巧：javascript及CSS功能代碼分享,本文講解了viewport(可視區(qū)域)操作、鏈接操作、javascript事件等內(nèi)容,需要的朋友可以參考下2015-05-05
類似QQ新聞的提示框要求頁面每隔半小時彈出一次提示消息，下面有個不錯的實現(xiàn)方法，感興趣的朋友可以參考下2013-11-11
這篇文章主要介紹了使用js實現(xiàn)一個簡單的滾動條過程解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-09-09
這篇文章主要介紹了JS代碼實現(xiàn)圖片自動播放并可控的效果,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了JS+CSS實現(xiàn)下拉刷新/上拉加載插件,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-03-03
js如何獲取訪問IP、地區(qū)、當(dāng)前操作瀏覽器
這篇文章主要介紹了js如何獲取訪問IP、地區(qū)、當(dāng)前操作瀏覽器,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-07-07
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)注冊頁面校驗功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)簡單抽獎小功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下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