IE8: nach,: vor Opazität Bug

In Internet Explorer 8 es scheint, wie die Pseudo-Elemente unterstützt keine Opazität:IE8: nach,: vor Opazität Bug

Beispiel:

# div:after { 
    content: ''; 
    background: red url('pattern.png') no-repeat left top; 
    position: absolute; 
    top: 0; 
    left: 0; 
    height: 300px; 
    width: 300px; 
    opacity: 0.10; 
    filter: alpha(opacity=10); 
}

Hat jemand eine Idee, wie ich dieses Problem beheben kann , so habe ich das Muster mit der Opazität von 0.10.

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

sehen eine vollständige Referenz auf dieser code snippet from 'CSS-Tricks' on cross browser opacity:

Quelle

2012-04-12 John Smit

IE8 unterstützt "Opazität" überhaupt nicht. Es ist nicht nur ein Pseudo-Element-Problem. – BoltClock

Das stimmt. Aber mit der Option "Filter" können Sie ... Trotzdem funktioniert das nicht. Filter: Alpha (Opazität = 50) funktioniert auch nicht. –

Selector = '#div: nach' –

die filter Eigenschaft nur für IE5-7 arbeitet, Opazität in IE8 zu unterstützen, müssen Sie die folgende verwenden.

Quelle

2012-04-12 10:10:21

Das stimmt. Selbst mit dem -ms-Filter: (etc ..) funktioniert es nicht. Ich habe alles mit dem Filter probiert. Ich denke, das Problem beruht auf der Tatsache, dass es ein Pseudoelement ist. Gibt es eine Möglichkeit, dies mit Javascript zu tun? –

überlegen Sie die Bestellung? Falls Sie sowohl 'filter' als auch' -ms-filter' hinzufügen, sollte der spätere zuerst erscheinen. –

Ja, ich denke über die Bestellung nach. Ich habe alle möglichen Methoden getestet. Es ist kein Fehler im Code oder so ähnlich. Ich brauche eine Abhilfe mit Javascript. –

Antwort

Verwandte Themen