ugrás a tartalomhoz

A menüm fölött látszik az alatta lévő select (IE)

klimakiraly · 2005. Szep. 25. (V), 18.26
Sziasztok :-)

Létrehoztam egy remek UL LI elemekbők álló menüt, a :hover
emulácíós példa alapján.
De lett is egy bajom.
Van alatta egy form ami átlátszik a listámon.


Gondolom a script nincs felkészítve, de azért hátha. Egy z-index:20,
nem segített.

Köszönettel: K.K.

ps: Köszönöm az építő hozzászólásokat.
 
1

IE bug

Bártházi András · 2005. Szep. 25. (V), 18.44
Ez egy IE bug: a select mindig, minden felett áll. Majd ez IE7-ben javítva lesz. Addig egy workaround, vagy a menü elfelejtése a megoldás.

-boogie-
2

workaround

Hojtsy Gábor · 2005. Szep. 25. (V), 19.38
Ez egy ismert IE bug valóban, az IE 7 fejlesztői verziójában már ki van javítva, legalábbis ezt kommunikálták eddig a fiúk a Microsoft részéről. Addig is a workaround úgy szokott lenni, hogy eltüntetik a térségben lévő select mezőket (display none), amíg a menü látszik. Ehhez JavaScript kell persze. Áttervezést igényel, hogy a menü potenciális megjelenési területére nem teszel select dobozt, de ezt is sokan választják.
3

visibility: hidden

Bártházi András · 2005. Szep. 25. (V), 21.07
A display: none helyett inkább a visibility: hidden
lehet a jó megoldás, mert akkor nem ugrál az oldal többi része. Én ezt a workaroundot elég gány megoldásnak tartom, de tényleg van, amikor nincsen más választás. Annyit hozzátennék, hogy ugye ennek semmi köze sincs ahhoz (senki nem is állította, csak így is lejöhet), hogy a menü ul>li párossal van megoldva.

-boogie-
4

UL és LI a menü

klimakiraly · 2005. Szep. 25. (V), 22.22
Helló!

Köszönöm a válaszokat.
Jól el szomoritottatok. :-)
Variálhaton újra az oldal szerkezetét.

K.K.
5

Jobb megkerülő megoldás

Anonymous · 2005. Szep. 26. (H), 12.43
Ha már itt járok: van egy jobb megoldás, de ezek szerint kevesen ismerik, trükkös.
Az oldalban IE esetén DOM szkripteléssel létrehozol egy IFRAME-t (blank), ezt pontosan alápozicíonálod a menüdnek (pozíció és z-index). Mivel az IFRAME-nek lehet z-indexet adni, a kérdéses objektum alá fog kerülni. A lényeg pedig az, hogy az iframe kitakarja a szelekt mezőt, de alatta van a kédéses objektuknak. :-)
Ezt nem ismertétek? Érdemes lenne akkor egy cikkecskét írni belőle... szebb, mint a SELECT mezők eltűntetése.
6

Relatív

Tome · 2005. Szep. 26. (H), 20.18
Szerintem sokkal jobb megoldás CSS-sel eltüntetni valamit, mint "takarással". Ez olyan mintha egy lapon nem radíroznál, hanem helyette átsatíroznád a nem kívánt szöveget. Meg manapság iframe-et nem nagyon használnak, főleg ha ki lehet váltani mással.