Question

我正在寻找IE8中以下代码的替代品

background-color: rgba(0, 143, 213, 0.9);

所以在网上搜索后发现了这个

-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E5008FD5,endColorstr=#E5008FD5)";

现在的问题是如果我使用上面的过滤器，IE9中的透明度就会丢失

任何人都可以指导我在不影响其他浏览器的情况下获得IE8的透明度。

这是我的代码

<!Doctype HTML>
<html>
<head>
<style>
    .parent{
        color:white;
        //filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFF0000,endColorstr=#FFFF0000);
        -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFF0000,endColorstr=#FFFF0000)";
        background-color: rgba(255, 0, 0, 1);
        width:300px;
        height:300px;
    }
    .child{
        width:300px;
        height:300px;
        position:absolute;
        top:0px;
        //filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5008FD5,endColorstr=#E5008FD5);
        -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E5008FD5,endColorstr=#E5008FD5)";
        background-color: rgba(0, 143, 213, 0.9);

    }
</style>
</head>
<body>
<div class="parent">
<h3>how are you</h3>
    <div class="child">
    </div>
</div>
</body>
</html>

编辑：

我观察到了 IE10

background-color: rgba(255, 0, 0, 1);

IE9

-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFF0000,endColorstr=#FFFF0000)";
background-color: rgba(255, 0, 0, 1);

IE8

-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFF0000,endColorstr=#FFFF0000)";

IE9中的

都得到了应用。这就是它在IE9中看起来像纯色的原因。如果我可以删除任何人它工作正常。但是不要在特定的浏览器中如何制作它

如何在IE8和IE9中获得透明背景

0 个答案: