亚洲国产精品成人AV在线,综合久久久无码一区二区,国产精品三级电影,久久亚洲国产欧美日韩

五通學院

CSS中RGBA的兼容方法以及透明度計算方法

admin 2015-12-09 14:38:28 人評論 次瀏覽分類:網絡問題

CSS對IE使用背景透明 實現 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 */ 

對 IE 的 filter 的 gradient 漸變濾鏡中的顏色參數比常見的多了兩位,因為 前兩位是透明度的十六進制數值 


例如:

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

透明度的計算方法:

256*0.9=230.4 取 230 通過計算轉換為 十六進制 E6 

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

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

另外說明: IE7 需要指定高度 height 時背景漸變才會生效,否則不會顯示的


五通軟件商城官方微信公眾號

欄目類別

主站蜘蛛池模板: 扶余县| 遂宁市| 灵丘县| 信丰县| 秭归县| 清镇市| 宜君县| 奈曼旗| 沙河市| 砀山县| 宿迁市| 东乡县| 广德县| 东海县| 沈阳市| 四子王旗| 乡宁县| 宣武区| 延川县| 仪陇县| 广丰县| 鄱阳县| 凤城市| 临洮县| 石门县| 岳西县| 新竹市| 佛山市| 东城区| 盐源县| 泊头市| 绥宁县| 米泉市| 泗洪县| 保靖县| 阜城县| 柘荣县| 桐梓县| 体育| 中牟县| 灵川县|