为 IE8 模拟 RGBA
Emulating RGBA for IE8
我想效仿:
背景:rgba(0, 0, 0, 0.25);
和背景:IE8 的 rgba(0, 0, 0, 0.45);
我设法让它与此一起工作:
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000)";
可用于rgba(0, 0, 0, 0.4);
如何获得 0.25 和 0.45 的正确 Colorstr?
body{
background: #FFF8DC;
}
div{
width: 200px;
height: 100px;
margin: 10px auto;
}
.div1{
background: rgba(0, 0, 0, 0.25);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F000000, endColorstr=#3F000000)";
}
.div2{
background: rgba(0, 0, 0, 0.45);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#72000000, endColorstr=#72000000)";
}
<div class="div1"></div>
<div class="div2"></div>
我想效仿:
背景:rgba(0, 0, 0, 0.25);
和背景:IE8 的 rgba(0, 0, 0, 0.45);
我设法让它与此一起工作:
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000)";
可用于rgba(0, 0, 0, 0.4);
如何获得 0.25 和 0.45 的正确 Colorstr?
body{
background: #FFF8DC;
}
div{
width: 200px;
height: 100px;
margin: 10px auto;
}
.div1{
background: rgba(0, 0, 0, 0.25);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F000000, endColorstr=#3F000000)";
}
.div2{
background: rgba(0, 0, 0, 0.45);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#72000000, endColorstr=#72000000)";
}
<div class="div1"></div>
<div class="div2"></div>