不透明度不適用於IE8中的圖像

Question

不透明度不被IE8中不透明度的DIV中的圖像繼承，我不確定原因。一種是通過HTML的圖像，其他圖像在CSS中設置爲背景（以實現翻轉效果）。它適用於IE7，IE9，Chrome，Firefox和Safari。

我的代碼是在這個提琴：http://jsfiddle.net/46AKc/5/

如果我申請

opacity: .75; /* Standards Compliant Browsers */ 
filter: alpha(opacity=75); /* IE 7 and Earlier */ 
    /* Next 2 lines IE8 */ 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; 
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); 

到＃懸停PROD1，側翻的不透明度的變化，但它並不完美融入.slide出它在其他瀏覽器中的方式，所以我不認爲這是正確的解決方案。

我已經沒有運氣以下職位嘗試瞭解決方案： Opacity CSS not working in IE8
Opacity in IE8 works on <p> but not on <a>
Opacity not working on img in IE8

Answer 1

是，改變這兩條線：

.slide出：懸停{COLOR：＃F36F21;}

.hover產品{位置：相對;寬度：338px; margin：20px 0 50px 15px;高度：90像素;}

這樣：

.slide出：懸停{顏色：＃F36F21;位置：相對;}

.hover-products {width：338px; margin：20px 0 50px 15px; height：90px;}

Answer 2

這是因爲

.hover-products{ 
    position:relative; 
} 

只是將其刪除。

見這裏：http://jsfiddle.net/46AKc/7/