Autor |
Nachricht |
buchstabensuppe
Threadersteller
Dabei seit: 14.09.2004
Ort: Wuppertal
Alter: 40
Geschlecht:
|
Verfasst Fr 06.11.2009 11:09
Titel mousover DIV ein-/ausblenden Problem (z-index, verzögerung) |
|
|
Guten Morgen,
ich bastel an einer kleinen Produktansicht und bin auf zwei Probleme gestoßen.
Natürlich nur im IE...
Bevor ich viel erkläre, schaut selbst:
Anzeige Produkte
Kleine Anmerkung vorweg weil etwas chaotisch:
- Die Bilder werden noch resized
- CSS und JS wird noch ausgelagert
Mein Probleme sind folgende:
- Wenn man schnell über die Produkte hovert wird der mousout ignoriert und die geöffneten DIVs bleiben stehen
- Der z-index scheint falsch zu sein, im IE liegen die eingeblendeten DIVs hinter den Voransichten
Meine Idee wäre eine kleine Pause im JavaScript, welches das DIV beim mousover öffnen.
Mit window.timeout() bin ich allerdings nicht weit gekommen...
Hat jemand einen Tip?
Danke und Gruß.
|
|
|
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
Verfasst Fr 06.11.2009 11:16
Titel
|
|
|
zum problem mit dem schliessen der divs.
sag doch einfach nochmal beim mouseOVER, alle divs schliessen (falls welche offen) und dann erst das neue öffnen.
in welchem IE tritt der z-index fehler auf? IE7 hat einen z-index bug.
wenn man dem eltern element selbst nochmal einen z-index gibt, welcher höher ist, als der des kindes, sollte es funktionieren.
http://brenelz.com/2009/02/03/squish-the-internet-explorer-z-index-bug/
|
|
|
|
|
Anzeige
|
|
|
buchstabensuppe
Threadersteller
Dabei seit: 14.09.2004
Ort: Wuppertal
Alter: 40
Geschlecht:
|
Verfasst Fr 06.11.2009 11:26
Titel
|
|
|
choise hat geschrieben: | zum problem mit dem schliessen der divs.
sag doch einfach nochmal beim mouseOVER, alle divs schliessen (falls welche offen) und dann erst das neue öffnen. |
Das funktioniert schonmal, super.
Jetzt schaue ich mir mal das z-index Problem an.
|
|
|
|
|
buchstabensuppe
Threadersteller
Dabei seit: 14.09.2004
Ort: Wuppertal
Alter: 40
Geschlecht:
|
Verfasst Fr 06.11.2009 12:56
Titel
|
|
|
Narf!
Ich habe folgende Struktur:
<DIV> div mit padding um das aufpoppende div und das bild
.....<DIV>dieses div soll erscheinen beim mouseover
.....</DIV>
.....<DIV>dieses div beinhaltet das bild welches mousover das oben stehende anzeigt
.....</DIV>
</DIV>
Die beiden DIVs innerhalb des padding-DIVS beinhalten auch nochmal Elemente. Dem Firefox reicht es, wenn das aufpoppende DIV einen hohen z-index bekommt, den IEs leider nicht.
|
|
|
|
|
|
|
|
Ähnliche Themen |
Javascript Verzögerung beim Ausblenden von Menupunkten
Problem mit JS mousover
z-index Problem
Problem mit z-index
PHP-Problem mit index.php und Navi
[Javascript] Problem mit Div ein und ausblenden
|
|