不透明在即使用絕對定位的div不工作

我一直在撞牆我的頭幾個小時如何試圖解決這個問題。我試圖將一個div放在另一個div的上面，目的是讓另一個在另一個之上。該div將有一個圖像和其他一些html。我不能在ie8中工作不透明。我已經簡化我的HTML儘可能：不透明在即使用絕對定位的div不工作

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
    "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 

<style> 

    * { margin: 0; padding: 0; } 

    .carousel-container { 
    position: relative; 
    } 

    .carousel-overlay { 
    position: absolute; 
    } 

    #carousel-container-a { 
    opacity: 1; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); 
    } 

    #carousel-container-b { 
    opacity: 0; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  
    } 

    h1 { font-size: 100px; } 


</style> 

</head> 
<body> 


<div id="carousel-container-a" class="carousel-container"> 
    <div class="carousel-overlay" style="left: 10px; top: 10px;"> 
    <h1 style="color: black;">Showcase</h1> 
    </div> 
    <!-- other elements removed for simplicity --> 
</div> 
<div id="carousel-container-b" class="carousel-container"> 
    <div class="carousel-overlay" style="left: 20px; top: 20px;"> 
    <h1 style="color: red;">Welcome</h1> 
    </div> 
    <!-- other elements removed for simplicity --> 
</div> 


</body> 
</html>

爲什麼不透明度的工作？我怎樣才能使它工作？

來源

2009-10-14 camomileCase