html - CSS Opazität anders als 1 oder 0 funktioniert nicht in IE11

Ich bin ein Problem mit der CSS-Eigenschaft Opazität gegenüber, mit dem Internet Explorer 11. Der Code ist sehr einfach:html - CSS Opazität anders als 1 oder 0 funktioniert nicht in IE11

<html> 
 
<head> 
 
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
 
<style> 
 
div{ 
 
    width:100px; 
 
    height: 100px; 
 
    background: blue; 
 
} 
 
#d1{ 
 
    opacity: 1; 
 
} 
 
#d2{ 
 
    opacity: 0.7; 
 
} 
 
</style> 
 
</head> 
 
<body> 
 
<div id='d1'>df</div> 
 
<div id='d2'>trtret</div> 
 
</body> 
 
</html>

In IE11 funktioniert die Opazitätseinstellung nicht für das zweite Div. Alle anderen Browser sind in Ordnung. Ich benutze Apache Server durch lokale uWamp (so ist es eine localhost Website, aber die gleiche Sache, wenn online gestellt).

Ich weiß, dass es andere Themen zu diesem Thema sind, aber keine Hilfe von ihnen so weit ...

die Entwicklertools verwenden, entdeckte ich, dass die Opazität auf 0 durch IE gesetzt: Wrong opacity in IE

Quelle

2016-06-01 Sylvain

funktioniert gut in IE11 mit Windows – dippas

Arbeitet gut auf meinem IE auch, haben Sie versucht, ''? –

Der Trick mit Hintergrundfarbe funktioniert, aber das Meta-Tag hat nichts geändert.

Schließlich habe ich die "Opazität" css funktioniert durch Löschen der IE-Cache (tools --> internet options --> general --> delete...).

Quelle

2016-06-01 12:12:41 Sylvain

Nun, die nützlichste Antwort ist meine, und ich kann es nicht als akzeptiert markieren, ich muss 2 Tage warten. – Sylvain

@morgul Es ist kein Dankeschön. Es bietet eine nützliche Antwort. Wir müssen nur das Dankeschön bearbeiten. –

auf alten Internet Explorer-Versionen benötigt man diese Transparenz erhalten hinzuzufügen:

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

oder dies:

filter : alpha(opacity=70)

Aber auf IE10 + brauchen Sie es nicht mehr, Sie können opacity: 0.7 verwenden.

Versuchen Sie, diese Linie zwischen Ihren <head> Tags hinzuzufügen:

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

Diese Linie zwingt IE11 die neueste Rendering-Engine zu verwenden (in diesem Fall des Edge-Motor).

Quelle

2016-06-01 10:30:44

html - CSS Opazität anders als 1 oder 0 funktioniert nicht in IE11

Antwort

Verwandte Themen