IE8：の後、：Internet Explorer 8で不透明バグ

Question

前に、それは、疑似要素のように思えるが、不透明度をサポートしていません：

例：

# div:after { 
    content: ''; 
    background: red url('pattern.png') no-repeat left top; 
    position: absolute; 
    top: 0; 
    left: 0; 
    height: 300px; 
    width: 300px; 
    opacity: 0.10; 
    filter: alpha(opacity=10); 
} 

誰もが、私はこの問題を解決することができますどのように任意のアイデアを持っています、私は0.10から不透明度のパターンを持っています。

Answer 1

filterプロパティは、IE8での不透明度をサポートするために、IE5-7のために働くには、次を使用する必要があります：

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; 

はこのcode snippet from 'CSS-Tricks' on cross browser opacityの完全なリファレンスを参照してください。