web前端 杭州-小白 背景透明-rgba兼容 【分享】
<!– Crayon Syntax Highlighter v_2.7 click to find out more.2_beta –>
|
1
2
3
4
5
6
7
8
9
10
11
|
<style type=”text/css”>
.div{ width:200px; height:200px; position:relative; top:0; left:0; background:#06F;}
.test{filter:progid:DXImageTransform.Microsoft.gradient(enabled=’true’,startColorstr=’#99000000′, endColorstr=’#99000000′);background:rgba(0,0,0,0.6);
width:200px; height:30px; line-height:30px; text-align:center; color:#FFF; position:absolute; bottom:0; float:left;}
</style>
</head>
<body>
<div class=“div”>
<div class=“test”>222222222</div>
</div>
|
注：ie滤镜中的颜色值前两位表示透明度，下面说明这个透明值如何计算：
现在我需要两个透明度，分别为0.25和0.5，那么第一步先得到乘以256的数值
256 × 0.25 = 64，
256 × 0.50 = 128。
然后我们通过这个地址的计算公式convert to hexadecimal 得到值为: 40和 80
详情可以看 大漠 哥的博客