[JavaScript] Transparenz im Internet-Explorer wird nur teilweise interpretiert

[mh1001]

Hallo zusammen,

Ich sitze gerade an einer Webseite.
Leider macht der Internet Explorer mir einmal wieder Probleme.

Es geht um das langsame Einfaden eines Elements mittels JavaScript.
Dazu wird mittels JavaScript und der CSS3-Eigenschaft "opacity" die Transparenz des Elements langsam erhöht.
Natürlich macht der IE auch hier keine Ausnahme und unterstützt die Eigenschaft nicht.
Das ist jedoch in diesem Fall weniger ein Problem, da der IE hier schon seit einigen Versionen entsprechende Eigenschaften mit Hilfe der "Filter" unterstützt.

Leider funktioniert dies aber anscheinend dennoch nicht. Dies wäre zwar wieder einmal nichts besonderes, wenn es nicht an anderer Stelle einwandfrei funktionieren würde.

Lange Rede, kurzer Sinn. - Die entsprechende Seite ist folgende: *klick*
Und zwar geht es um das Einblenden des "Eintrag erstellen"-Teils.
In auf Gecko-Engine basierenden Browsern funktioniert dies einwandfrei; der IE blendet den Teil jedoch sofort ein.
Das gleiche Prinzip liegt jedoch auch der rechten "Infobox" zugrunde. Dort funktioniert dies aber in beiden Browsern einwandfrei, was auch zum Beispiel beim Überfahren der Links "BBCode-Tags" und "Smilies" sichtbar ist.

Primär geht es um die Darstellung im IE 6. Das es in anderen Versionen noch zu anderweitig verursachten Problemen kommt ist mir bekannt.

Die entsprechenden JavaScript-Files befinden sich hier: *klick* und *klick*

Vielleicht hat ja von euch jemand eine Erklärung für dieses merkwürdige Verhalten.

MfG mh1001

 

[Quidoff]

Hm...
Dein Script sieht für mich soweit in Ordnung aus. Mir ist gerade aufgefallen, dass der IE es einblendet, wenn du dem eintrag_erstellen Div-Container das Attribut "position: absolute;" gibst. Dann überdeckt zwar das Gästebuch das Formular, aber es wird eingeblendet.

Deine Infobox hast du ja auch absolut positioniert. Wenn du das Formular einblendest, dann musst du das Gästebuch noch nach unten schieben.

//edit
Das gleiche gilt übrigens auch für deinen "Eintrag erstellen"-Link. Hast du wahrschinlich nur übersehen. Auf deiner HP wird er im IE nicht ausgeblendet. Auch hier muss man erst "position: absolute;" als CSS Attribut hinzufügen.

 

[mh1001]

Besten Dank für deinen Tipp - das ist die Lösung!
In meiner Verzweiflung den Internet Explorer irgendwie dazu zu bringen habe ich schon versucht das ganze auf andere Elemente, wie z.B. die Navigationsleiste anzwenden - alles hatte einwandfrei geklappt; nur die beiden Elemente wollten es einfach nicht darstellen. Eine Überprüfung, ob das entsprechende Attribut dem Element zugeordnet wurde verlief erfolgreich.
Aber das ist natürlich eine Erklärung für all dies.

MfG mh1001