非常奇怪的IE7/8边框/不透明度兼容性问题

Question

奇怪的问题是在IE/8/9中应用不透明度时边框消失了,但不是7!
我基本上有一个菜单,屏幕上方有标签.即:

<table>  
 <tr>  
  <td class="tab">button 1...<*/td>  
  <td class="tab">button 2....<*/td>  
  .  
  .  
  .  
 </tr>  
 </table>  

 <style>  
 td  
 {  
    opacity: 0.45;  
    filter:alpha(opacity=45);  
    .  
    .  
    .  
 }  
 td.tab:hover  
 {  
    opacity: 1;  
    filter:alpha(opacity=100);  
 }  

对不起星星,我无法让代码块格式正常工作.
基本上这只是当鼠标悬停在它们上面时应该解开按钮,但边框就消失了!这个问题只发生在IE8/9上,但在IE7,FF,Chrome,Safari上一切正常.
我已经在互联网上搜寻了一些奇怪的IE8 +边框/不透明度问题,但似乎没有任何问题.
有没有人遇到类似的东西？

Answer 1

该filter样式仅适用于 IE7 及更低版本。

IE8 要求您使用-ms-filter（即带有供应商前缀）来代替。另外，IE8 中的语法更加复杂。它看起来像这样：

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

IE9filter完全放弃了对 的支持，并用标准 CSS3 代替opacity，其工作方式与在所有其他浏览器中相同。

Quirksmode.org 有完整的详细信息：http://www.quirksmode.org/css/opacity.html