瀏覽量:78次
RGBa是一種在CSS中聲明包含透明效果的顏色的方法,通過RGBa我們可以將一個(gè)元素設(shè)置為透明,而不會(huì)影響其子元素。但是并非所有的瀏覽器支持RGBa的背景色,其中用戶頗多的老版本IE瀏覽器就不支持,好在IE瀏覽器支持條件注釋,我們可以拋棄RGB并使用IE瀏覽器的一個(gè)私有CSS濾鏡來實(shí)現(xiàn)同樣的效果。上代碼:
點(diǎn)擊查看在線演示
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。
RGBa顏色還可以用于border,不過,不同的瀏覽器對(duì)于border的RGBa支持不太一樣,不過唯一的不同是,F(xiàn)irefox在border的拐角處會(huì)出現(xiàn)疊加,比如透明度是0.4,那么在Firefox中,四個(gè)角的透明度會(huì)變成0.8,而支持RGBa的非FF瀏覽器不會(huì)出現(xiàn)這種情況。
[聲明]本網(wǎng)轉(zhuǎn)載網(wǎng)絡(luò)媒體稿件是為了傳播更多的信息,此類稿件不代表本網(wǎng)觀點(diǎn),本網(wǎng)不承擔(dān)此類稿件侵權(quán)行為的連帶責(zé)任。故此,如果您發(fā)現(xiàn)本網(wǎng)站的內(nèi)容侵犯了您的版權(quán),請(qǐng)您的相關(guān)內(nèi)容發(fā)至此郵箱【779898168@qq.com】,我們?cè)诖_認(rèn)后,會(huì)立即刪除,保證您的版權(quán)。
官網(wǎng)優(yōu)化
整站優(yōu)化
渠道代理
400-655-5776