CSS 图像透明度opacity兼容性介绍

以前的兼容

<span class=”class”>.transparent_class</span> <span class=”rules”>{
<span class=”rule”><span class=”attribute” style=”color:rgb(181,137,0)”>-ms-filter</span>:<span class=”value”><span class=”string” style=”color:rgb(42,161,152)”>”progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”</span>;</span></span> <span class=”comment” style=”margin-bottom:0px!important; display:inline!important; vertical-align:top; color:rgb(88,110,117); font-style:italic”>/* ie8 */</span>
<span class=”rule”><span class=”attribute” style=”color:rgb(181,137,0)”>filter</span>:<span class=”value”><span class=”function”>alpha(opacity=<span class=”number” style=”color:rgb(42,161,152)”>50</span>)</span>;</span></span> <span class=”comment” style=”margin-bottom:0px!important; display:inline!important; vertical-align:top; color:rgb(88,110,117); font-style:italic”>/* ie5-7 */</span>
<span class=”rule”><span class=”attribute” style=”color:rgb(181,137,0)”>-moz-opacity</span>:<span class=”value”><span class=”number” style=”color:rgb(42,161,152)”>0.5</span>;</span></span> <span class=”comment” style=”margin-bottom:0px!important; display:inline!important; vertical-align:top; color:rgb(88,110,117); font-style:italic”>/* old mozilla browser like netscape */</span>
<span class=”rule”><span class=”attribute” style=”color:rgb(181,137,0)”>-khtml-opacity</span>:<span class=”value”> <span class=”number” style=”color:rgb(42,161,152)”>0.5</span>;</span></span> <span class=”comment” style=”margin-bottom:0px!important; display:inline!important; vertical-align:top; color:rgb(88,110,117); font-style:italic”>/* for really really old safari */</span>
<span class=”rule”><span class=”attribute” style=”color:rgb(181,137,0)”>opacity</span>:<span class=”value”> <span class=”number” style=”color:rgb(42,161,152)”>0.5</span>;</span></span> <span class=”comment” style=”margin-bottom:0px!important; display:inline!important; vertical-align:top; color:rgb(88,110,117); font-style:italic”>/* css standard, currently it works in most modern browsers like firefox, */</span>
<span class=”rule”>}</span></span>

现在的兼容

<span class=”class”>.transparent_class</span> <span class=”rules”>{