超碰人人97青青久久,亚洲AV秘 一区二区三区,国产1区2区3区,亚洲a∨天堂无码麻豆电影

五通學(xué)院

CSS中RGBA的兼容方法以及透明度計(jì)算方法

admin 2015-12-09 14:38:28 人評(píng)論 次瀏覽分類:網(wǎng)絡(luò)問(wèn)題

CSS對(duì)IE使用背景透明 實(shí)現(xiàn) rgba 效果

height:35px; 
background: -webkit-gradient(linear,left top,left bottom,from(rgba(68,102,113,0.9)),to(rgba(46,74,83,0.9))); 
background: -moz-linear-gradient(top, rgba(68,102,113,0.9), rgba(46,74,83,0.9)); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A446671', endColorstr='#5A2E4A53'); /* IE6,IE7 */ 
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6446671', endColorstr='#E62E4A53')"; /* IE8 */ 

對(duì) IE 的 filter 的 gradient 漸變?yōu)V鏡中的顏色參數(shù)比常見(jiàn)的多了兩位,因?yàn)?前兩位是透明度的十六進(jìn)制數(shù)值 


例如:

#E62E4A53 中的 E6 代表透明度為 opacity 的 0.9, 2E4A53 才是真正的色彩值

透明度的計(jì)算方法:

256*0.9=230.4 取 230 通過(guò)計(jì)算轉(zhuǎn)換為 十六進(jìn)制 E6 

(可以用windows自帶的計(jì)算器選擇程序員類型計(jì)算出來(lái))

star 和 end 的顏色可以相同,這樣就可以背景半透明了,

另外說(shuō)明: IE7 需要指定高度 height 時(shí)背景漸變才會(huì)生效,否則不會(huì)顯示的


五通軟件商城官方微信公眾號(hào)

欄目類別

金寨县| 屏山县| 宕昌县| 湘潭市| 甘孜| 邵阳市| 克拉玛依市| 吉水县| 务川| 昆山市| 四川省| 六枝特区| 虎林市| 铜陵市| 米泉市| 互助| 集安市| 桂平市| 中江县| 吐鲁番市| 鄂尔多斯市| 连平县| 鹤山市| 锦屏县| 汉阴县| 蒲城县| 南丹县| 长宁县| 龙口市| 建昌县| 石河子市| 共和县| 花莲县| 兴义市| 登封市| 金湖县| 香港 | 长葛市| 德兴市| 长宁区| 德惠市|