讓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)換成十六制呢？很簡單，先計(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)換成十六制呢？很簡單，先計(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)文章
clientX,pageX,offsetX,x,layerX,screenX,offsetLeft區(qū)別分析
clientX,pageX,offsetX,x,layerX,screenX,offsetLeft區(qū)別分析，需要的朋友可以參考下。2010-03-03
JS代碼屏蔽F12,右鍵,粘貼,復(fù)制,剪切,選中,操作實(shí)例
在本篇文章里小編給大家分享的是關(guān)于利用JS代碼屏蔽F12,右鍵,粘貼,復(fù)制,剪切,選中,操作，需要的朋友們學(xué)習(xí)下。2019-09-09
JavaScript中改變this指向的三種方式總結(jié)
this?指向的值是可以通過手動方式去改變的,比如call、bind、apply方法,本文主要為大家介紹了這三種方式的具體實(shí)現(xiàn)步驟,需要的可以參考下2023-12-12
javascript顯示用戶停留時(shí)間的簡單實(shí)例
這篇文章介紹了javascript顯示用戶停留時(shí)間的簡單實(shí)例，有需要的朋友可以參考一下2013-08-08
本文主要介紹了javaScript操作字符串的一些常用方法，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
神奇的正則表達(dá)式可以幫助我們搞定所需的格式驗(yàn)證，常用的有手機(jī)號碼，密碼等，另附上做項(xiàng)目經(jīng)常用到的一些正則，記錄一下2014-09-09
js return返回多個(gè)值,通過對象的屬性訪問方法
下面小編就為大家?guī)硪黄猨s return返回多個(gè)值,通過對象的屬性訪問方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02
js控制背景不重復(fù)的代碼2009-03-03
解決html input驗(yàn)證只能輸入數(shù)字,不能輸入其他的問題
下面小編就為大家?guī)硪黄鉀Qhtml input驗(yàn)證只能輸入數(shù)字,不能輸入其他的問題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
利用JavaScript實(shí)現(xiàn)一個(gè)日期范圍選擇器
日期范圍選擇器是一個(gè)常見的Web應(yīng)用功能,它允許用戶選擇一個(gè)日期范圍,本文我們將使用JavaScript來實(shí)現(xiàn)這個(gè)功能,感興趣的小伙伴可以了解下2024-01-01