IE8：CSS不透明度過濾器結果字體顏色變得與背景div的背景顏色相同

Question

我遇到了一個非常奇怪的錯誤：有一個div（#inner）放置在另一個（#container）內。如果我給IE8中的內部元素設置不透明度，內部div（#inner）的字體顏色將與外部（#container）元素的背景顏色相同。

有沒有人遇到過這種行爲？

有問題的CSS網站： http://beta.sminktanfolyamok.hu

這些部分的CSS部分：

div#container { 
    width: 940px; 
    margin-left: auto; 
    margin-right:auto; 
    border:1px solid #ccc; 
    box-shadow: 3px 3px 10px rgba(10,10,10,0.4); 
    -moz-box-shadow: 3px 3px 10px rgba(10,10,10,0.4); 
    -khtml-box-shadow: 3px 3px 10px rgba(10,10,10,0.4); 
    -webkit-box-shadow: 3px 3px 10px rgba(10,10,10,0.4); 
    position:relative; 
    padding-left:10px; 
    padding-right:10px; 
    padding-top:1em; 
    background-image:url('images/navigation.jpg'); 
    background-repeat:no-repeat; 
    background-position:center left; 
    background-color: #000; 
} 

div#inner { 
    background-color: #999; 
    color:#222; 
    opacity: 0.7; 
    -moz-opacity: 0.7; 
    -khtml-opacity: 0.7; 
    -webkit-opacity: 0.7; 
    filter:alpha(opacity=70); 
} 

Answer 1

的解決方案是一樣的ClearType的錯誤：我已經添加

position:relative 

到所有相關圖層，問題就解決了。