2010-03-13 101 views
3

我正在將我的頭髮拉出來。CSS過濾器 - 有時會工作,有時候不會?

這裏我有完美的功能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 

有沒有人有任何想法?

回答

1

根據this answer,您應該嘗試給#admin .drop .tab hasLayout。我通常這樣做,zoom:1它看起來像IE8不會讓該觸發haslaayout了,我們應該使用height:1%(或any height declaration other than auto)。

+1

'height:1%'不起作用,但是您提供的鏈接有'display:inline-block',這是一種享受。謝謝:) – unrelativity 2010-03-13 07:18:47

+0

這很好。據微軟稱,IE8甚至不需要這些黑客攻擊,我發現在線更新報告的方式非常少。 – 2010-03-13 07:22:58

相關問題