CSS过滤器 - 有时会工作，有时候不会？

Question

我正在将我的头发拉出来。

这里我有完美的功能CSS块：

#admin .block.mode.off 
{ 
    opacity: 0.25; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=25)"; 
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25); 
} 

同时... Internet Explorer 8中可能不关心我的过滤器的声明在这里：

#admin .drop .tabs 
{ 
    margin-bottom: 12px; 
} 
#admin .drop .tab 
{ 
    margin-right: 4px; 
} 
#admin .drop .tab.off 
{ 
    cursor: pointer; 
    opacity: 0.5; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; 
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); 
} 
#admin .drop .tab.off:hover 
{ 
    text-shadow: 0px 0px 4px #fff; 
} 
#admin .drop .tab.on 
{ 
    cursor: default; 
    text-shadow: 0px 0px 4px #fff; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#fff, strength=4)"; 
    filter: progid:DXImageTransform.Microsoft.Glow(color=#fff, strength=4); 
} 

我的文档显示IE8标准，我假设开发人员工具是一个金枪鱼的负载，因为功能块显示在其CSS标签中：

filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25); opacity: 0.25 

有没有人有任何想法？

Answer 1

根据this answer，您应该尝试给#admin .drop .tab hasLayout。我通常这样做，zoom:1但它看起来像IE8不会让该触发haslaayout了，我们应该使用height:1%（或any height declaration other than auto）。