讓IE支持RGBa的背景色的代碼
更新時間：2010年07月13日 22:02:00 作者：
老版本的IE不支持RGBa的背景色，不過我們可以用濾鏡實現(xiàn)同樣的效果。
上代碼：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
DXImageTransform.Microsoft.gradient濾鏡里的startColorstr參數(shù)值是#AARRGGBB形式的，其中的AA是代表不透明度的十六進制，00表示完全透明，F(xiàn)F就是全不透明，化成十進制的范圍就是0~255，剩下的RRGGBB就是顏色的十六進制代碼。例子中background: rgba(125, 0, 0, .3);表示的是30%不透明度的紅色背景。如何把30%的不透明度轉(zhuǎn)換成十六制呢？很簡單，先計算#AA的的十進制x，x/255 = 3/10，解得x=3*255/10，然后再把x換算成十六進制，約等于4B。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
DXImageTransform.Microsoft.gradient濾鏡里的startColorstr參數(shù)值是#AARRGGBB形式的，其中的AA是代表不透明度的十六進制，00表示完全透明，F(xiàn)F就是全不透明，化成十進制的范圍就是0~255，剩下的RRGGBB就是顏色的十六進制代碼。例子中background: rgba(125, 0, 0, .3);表示的是30%不透明度的紅色背景。如何把30%的不透明度轉(zhuǎn)換成十六制呢？很簡單，先計算#AA的的十進制x，x/255 = 3/10，解得x=3*255/10，然后再把x換算成十六進制，約等于4B。
下面附上示例中用到的圖片：
作者：周明智
文章部分內(nèi)容來自：RGBa Browser Support
您可能感興趣的文章:
- RGB顏色值轉(zhuǎn)HTML十六進制(HEX)代碼的JS函數(shù)
- Android-如何將RGB彩色圖轉(zhuǎn)換為灰度圖方法介紹
- javascript實現(xiàn)十六進制顏色值（HEX）和RGB格式相互轉(zhuǎn)換
- JavaScript 十六進制RGB色碼轉(zhuǎn)換器
- php Imagick獲取圖片RGB顏色值
- php Hex RGB顏色值互換的使用
- rgboard 3.0.12 遠程文件包含漏洞
- javascript實現(xiàn)rgb顏色轉(zhuǎn)換成16進制格式
- PHP實現(xiàn)將顏色hex值轉(zhuǎn)換成rgb的方法
- RGB和YUV 多媒體編程基礎(chǔ)詳細介紹
相關(guān)文章
clientX,pageX,offsetX,x,layerX,screenX,offsetLeft區(qū)別分析
clientX,pageX,offsetX,x,layerX,screenX,offsetLeft區(qū)別分析，需要的朋友可以參考下。2010-03-03
JS代碼屏蔽F12,右鍵,粘貼,復(fù)制,剪切,選中,操作實例
在本篇文章里小編給大家分享的是關(guān)于利用JS代碼屏蔽F12,右鍵,粘貼,復(fù)制,剪切,選中,操作，需要的朋友們學(xué)習(xí)下。2019-09-09
JavaScript中改變this指向的三種方式總結(jié)
this?指向的值是可以通過手動方式去改變的,比如call、bind、apply方法,本文主要為大家介紹了這三種方式的具體實現(xiàn)步驟,需要的可以參考下2023-12-12
這篇文章介紹了javascript顯示用戶停留時間的簡單實例，有需要的朋友可以參考一下2013-08-08
本文主要介紹了javaScript操作字符串的一些常用方法，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
神奇的正則表達式可以幫助我們搞定所需的格式驗證，常用的有手機號碼，密碼等，另附上做項目經(jīng)常用到的一些正則，記錄一下2014-09-09
下面小編就為大家?guī)硪黄猨s return返回多個值,通過對象的屬性訪問方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
js控制背景不重復(fù)的代碼2009-03-03
解決html input驗證只能輸入數(shù)字,不能輸入其他的問題
下面小編就為大家?guī)硪黄鉀Qhtml input驗證只能輸入數(shù)字,不能輸入其他的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
日期范圍選擇器是一個常見的Web應(yīng)用功能,它允許用戶選擇一個日期范圍,本文我們將使用JavaScript來實現(xiàn)這個功能,感興趣的小伙伴可以了解下2024-01-01