Cross-Browser-Opazität

Question

Ich habe eine sehr einfache Anforderung, stellt eine Verbindung deaktiviert aussehen. Warum ist es diese schwer ??

.disabled { 
    -moz-opacity:.50; -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50); opacity:.50; 
}

Ist mein Stil. Ich habe es auf eine li angewendet ... aber in IE7 es gerade tut nichts. FF und IE8 scheint es in zu arbeiten, aber IE7 ist nur Müll

Irgendwelche Hinweise?

Answer 1

Soweit ich mich erinnere, ein Element muss entweder das Layout (z "zoom: 1") oder eine Hintergrundfarbe für Filter: alpha arbeitet

.

Answer 2

Kann ich einen Vorschlag machen, dass ich nicht genau zu schätzen, was Sie wollen, aber Sie eine ähnliche Wirkung wie Opazität geben würde.

öffnen Sie Ihren Bild-Editor einen Text in Ihrer Standard-Linkfarbe geben

Ändern Sie die Deckkraft auf 50%

Nehmen Sie den neuen Farbwert

.disabled { 
color:#yournewcolorvalue;

}

zum Beispiel, wenn ich blau Link Farbe # 0000FF nehmen default

der 50% Durchlässigkeitswert ist # 7F7FFF

Answer 3

Es muss explizite Dimensionen oder einen Zoomfaktor „Layout“ in IE Land.

Answer 4

Nicht sicher, aber versuchen 0.50 statt .50

Answer 5

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