Irritantes caixas visibles a través das Divisións de pop-up

En varias ocasións, ao facer esquemas de páxinas con divisións emerxente / lightboxes / consellos etc nos atopamos con situacións nas que algúns obxectos de formulario Select pasa a ser baixo estas divisións emerxente, polo proxecto e mostra a través de .... Yuk!

Ben! pode facilmente corrixir isto axustando os seus Z-index valores axeitadamente para FF e IE7. Pero Good Old (xogo de palabras intencionado) IE6 non comportarse conforme o esperado .... O show BOX SELECT a través de, mesmo despois de aplicar algúns drasticamente altos Z-index valores para a súa División de xanelas emerxentes ... Bummer!

Non existen solucións a este problema, pero hai, creo eu, máis dun xeito que poucos a traballar en torno a este problema, pero estou aquí para dicir-lle a solución máis simple que eu uso, que funciona ben para min, na maior parte do casos ....

"Ocultar o Rouge caixa SELECT cando amosa a Emerxente"

Simplemente no seu tramo de guión onde amosar o seu pop-up, engade unha peza de script para definir a visibilidade da caixa de verificación para "hidden"

document.getElementById ('my_select') style.visibilty = "hidden".;

E lembre de configurar-lo de volta o próximo da súa División de xanelas emerxentes

document.getElementById ('my_select') style.visibilty = "visible".;

onde "my_select" é o ID do cadro de irritación seleccionar

Espero que isto axude ...

PS. Existen outras opcións como ofcourse dinámica positionining un IFRAME (mesmo tamaño que emerxente), baixo a DIV Emerxente ... Isto funciona moi ben, pero con un engadido de carga de elementos DOM, scripts e dor de cabeza. Eu teño usado esa solución tamén, e se precisa de axuda con esta opción, deixe-me saber. Será un pracer axudar!


Deixe unha resposta

NDK casa | Expresando IT | Palate expresando | Penmenship expresando | AWE expresando | expresar o meu