IE opacity auf Element ohne background

[-André-]

Hallo,
ich möchte auf meiner Homepage Elemente langsam ein und ausblenden. dazu habe ich mehrere CSS-Klassen, die nacheinander dem Element zugewiesen werden. die Klassen sehen dann etwa so aus:

.transparenz60 {
	opacity: 0.6;
	filter:alpha(opacity=60);
}

Wenn ich z.B. einem <div> Element diese Klasse zuweise, bekommt der gesamte Text im IE unscharfe Ränder, wenn das Element keinen Hintergrund besitzt.

Kann man das irgendwie hinbekommen, dass der Text, genauso wie in FireFox, Opera Safari etc "scharf" bleibt, ohne einen Hintergrund zuzuweisen?

Auf de angehängten Bild seht ihr wie der Text ausfranst

Gruß

-André-

 

[Quaese]

Hi,

ich tipp mal ins Blaue hinein.

Der IE erwartet, dass eine Element, auf das eine filter-Eigenschaft angewendet wird, Layout besitzt (siehe hasLayout).

Meine Vermutung geht nun dahin, dass dem Element keine Transparenz zugefügt werden kann und das Ergebnis der "ausgefranste" Text ist.

Als Lösung könntest du für die IEs eine minimale Höhe zufügen. Dies ist möglich, da diese Browser die Grösse dennoch an den Inhalt anpassen.

<style type="text/css">
  <!--
.transparenz60 {
  opacity: 0.6;
  filter: Alpha(opacity=60);
}
 //-->
</style>
<!--[if IE]>
<style type="text/css">
.transparenz60{
  height: 1%;
}
</style>
<![endif]-->

Ciao
Quaese

 

[-André-]

Hallo,
ich hab das jetzt mal ausprobiert, ändert aber leider nichts.
Gruß

-André-

 

[Maik]

Moin,

gibt es das Ganze irgendwo live zu begutachten?

mfg Maik

 

[-André-]

Momentan hab ich alles noch auf meinem localhost, wenn ich Zeit habe, schau ich mal, ob ich das online stellen kann.
Gruß

-André-