Css IE8错误？带高度的div，位置：绝对，不透明度为'；不能正确显示_Css_Internet Explorer_Internet Explorer 8

Css IE8错误？带高度的div，位置：绝对，不透明度为'；不能正确显示

css internet-explorer internet-explorer-8

Css IE8错误？带高度的div，位置：绝对，不透明度为'；不能正确显示,css,internet-explorer,internet-explorer-8,Css,Internet Explorer,Internet Explorer 8,我在IE8中遇到了CSS问题。在#标题中添加不透明度时，.test_div的完整高度未显示。但是当我移除不透明度时，将显示.test_div的完整高度这适用于Chrome和Firefox，但不适用于IE8。我做错什么了吗谢谢！！：）代码也在这里： HTML: 最简单的方法是从#头的内部取出这个div 请参见IE9与ie8的兼容性。请记住，IE9支持CSS不透明度，而ie8中的Alpha DXFilter非常有缺陷。 <!DOCTYPE HTML> <html>

我在IE8中遇到了CSS问题。在#标题中添加不透明度时，.test_div的完整高度未显示。但是当我移除不透明度时，将显示.test_div的完整高度

这适用于Chrome和Firefox，但不适用于IE8。我做错什么了吗

谢谢！！：）

代码也在这里：

HTML:

最简单的方法是从#头的内部取出这个div

请参见

IE9与ie8的兼容性。请记住，IE9支持CSS不透明度，而ie8中的Alpha DXFilter非常有缺陷。

<!DOCTYPE HTML>
<html>
    <head>
        <title>test</title>
    </head>
    <body>
        <div id="header">
            <div class="test_div">test square</div>
        </div>
    </body>
</html>

#header {
    position:absolute;
    z-index:10;
    height:100px;
    width:300px;
    background: #888;
    /* remove the lines below, the full height of .test_div will be visible (IE8)*/
    opacity: 0.7;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
    filter:alpha(opacity=70);
}

.test_div {
    background:#CCC;
    height:500px;
    width:200px;
}

<!DOCTYPE HTML>
<html>
    <head>
        <title>test</title>
    </head>
    <body>
        <div id="header"></div>
        <div class="test_div">test square</div> 
    </body>
</html>

.test_div {
    z-index: 11;
    position:absolute;
}