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

Согласно этому ответу , вы должны попытаться дать #admin .drop .tab hasLayout.Я обычно делаю это с zoom:1 , но похоже, что IE8 больше не позволяет этому триггеру hasLayout, и мы должны использовать height:1% (или любое объявление высоты, кроме auto *)1009 *).