Opacity im IE7

[stb_87]

Guten Morgen,

ich habe eben mal einen Schnellversuch mit opacity in CSS unternommen.

Im IE6, FF 2.x, FF 3.x und Opera 9.2x wird es korrekt angezeigt, allerdings nicht im IE7! Wundert mich ein Wenig, da es ja im IE6 korrekt angezeigt wird :uhm:

Hier der Code:

<div style="filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;width:300px;background: #000; height: 300px; padding-top400px;">

Nur mal eben schnell zusamm gebastelt.

Kann mir vllt. jemand erklären, weshalb es im IE7 nicht korrekt angezeigt wird?!

Danke euch

 

[Doitsu]

AW: Opacity im IE7


hilft dir das weiter?

 

[stb_87]

AW: Opacity im IE7

Ich hatte vorher bereits wie ein Großer im Internet gesucht, aber kein vernünftigen Lösungsansatz gefunden.

Habe schon verschiedene Sachen durch, wie auch in deinem Link beschrieben mit dem position:absolute; und ändern der Reihenfolge und und und.

Gibt es dafür überhaupt eine funktionierende Lösung mit reinem CSS?

 

[jivita]

AW: Opacity im IE7

ich habe die erfahrung gemacht, dass es im safari auch nicht recht funktioniert. so lange es kein css-standard ist, würde ich eher die finger von lassen, wenn du sicherstellen willst, dass es in jedem browser gleich aussieht.

 

[leohh]

AW: Opacity im IE7

Folgender, kurzer Versuchsaufbau in meiner Mittagspause:

* { margin: 0; padding: 0; }
         
         .box { 
            width:300px;
            background: #000; 
            height: 300px; 
            float: left;
         }
         
         #one {
            -moz-opacity:0.1;
            opacity:0.1;
            filter:alpha(opacity=10);
         }
         
         #two {
            -moz-opacity:0.5;
            opacity:0.5;
            filter:alpha(opacity=50);
         }
         
         #three {
            -moz-opacity:0.9;
            opacity:0.9;
            filter:alpha(opacity=90);
         }
         
         ul {
            list-style: none;
         }
------------------------------
<div id="wrapper" style="position: relative;">
         
         <div id="one" class="box"></div>
         <div id="two" class="box"></div>
         <div id="three" class="box"></div>
      
         <ul style="clear: both;">
            <li style="position: absolute; top: 150px; left:75px;"><p style="background: #fff; color: #000;">Box with .1 opacity</p></li>
            <li style="position: absolute; top: 150px; left:375px;"><p style="background: #fff; color: #000;">Box with .5 opacity</p></li>
            <li style="position: absolute; top: 150px; left:675px;"><p style="background: #fff; color: #000;">Box with .9 opacity</p></li>
         </ul>
         
      </div>

Durchgaenging einheitliches Ergebniss:

 

[stb_87]

AW: Opacity im IE7

Komisch, mein IE 7 zeigt es nicht korrekt an... Alle anderen ja!

Habe echt keinen Plan, woran das liegen könnte...
In allen anderen Browsern klappt es ja auch.

EDIT:

Ich brech gleich zusammen...

Ich habe die Datei mal spaßeshalber auf meinen Webspace geladen und dort wird es jetzt korrekt angezeigt!!!

Zusammenfassung:

Lokal zeigt der IE 7 es nicht an!

Im Web wird es korrekt angezeigt!