Opacity Effekt von Scriptaculous in IE

elamela · 08.06.2010

Hallo!
Ich bin dabei den Opacity Effekt zu benutzen, welcher auch super in meinem Script funktioniert. Im Mozilla Firefox zumindest! Wie sollte es auch anders sein, hat der Effekt einige Probleme beim Ausführen dieses Effektes.
Kann mir jemand ein Anwenderbeispiel geben wie es im IE funktionieren könnte?

Ich habe folgenden Quellcode:

HTML:

<html>
<head>
<title>Opacity</title>

<script src="js/prototype.js" type="application/javascript"></script>
<script src="js/scriptaculous.js?load=effects"  type="application/javascript"></script>
<script type="application/javascript">
<!--
function ShowLayer(theID) {    
    
new Effect.Opacity('overlay', 
       { duration: 0.2, from: 0, to: 1.0 } );

}

function HideLayer(theID) {

new Effect.Opacity('overlay', 
       { duration: 0.2, from: 1.0, to: 0 } ); 

}
-->
</script>
</head>

<body>

<div id="overlay" onMouseOver="ShowLayer(this)"  onMouseOut="HideLayer(this)" style="opacity: 0;">
     [Jeglicher Inhalt]
</div>

</body>
</html>

Jemand eine Idee wie man es für IE kompatibel machen kann?
Vielen Dank im Voraus!

Christian · 08.06.2010

AW: Opacity Effekt von Scriptaculous in IE

Also die betrachtend, würde ich sagen, dass dem div das fehlt.

Versuch mal dem Div im Style Attribut eine width/height Angabe mitzugeben, damit das Element ein Layout bekommt. Laut Doku ist das das Problem des IE

elamela · 08.06.2010

AW: Opacity Effekt von Scriptaculous in IE

Danke.. aber das habe ich mir schon zu Gesicht genommen und im Original hat der Div natürlich deutlich mehrere Styles! Allerdings sind die styles in einer extra CSS datei!

Ich habe vergessen zu sagen dass der Opacity Effekt im IE irgendwie funktioniert aber mit Fehlern. Das heisst das sichtbar zumachende Bild erscheint einen moment komplett und macht nicht diesen schönen Übergang wie im Firefox

Christian · 08.06.2010

AW: Opacity Effekt von Scriptaculous in IE

Dann würde ich sagen, dass Du mal auf den ersten Link in meinem obigen Post klickst, dir das Beispiel mit dem IE mal anschaust (ob es so auch funktioniert) und dann würde ich vergleichen, was Du anders als das dort angegebene Beispiel machst, weil ich von hier ja auch nicht in Deine CSS Datei schauen kann

vitafutura · 09.06.2010

AW: Opacity Effekt von Scriptaculous in IE

im IE muss der code anders strukturiert sein bzw. anders angesprochen werden. hier mal ein link CSS2 - opacity vl. nützt er dir was... hab leider mein allwissendes buch @ work.

lg vita