Layers que pasan por debajo de inputs
hola foro:
Les comento que tengo una pagina web donde tengo un formulario y unos menus desplegables hechos con layers, el problema que tengo es que cuando despliego los menus, la parte de ellos que debe pasar POR ENCIMA de los componentes de el formulario, como inputs, combobox y demás, pasa POR DEBAJO de ellos, no asi con los demas componentes de la pagina como texto o imagenes, sino solo con los componentes de las forms, ¿alguien sabe por que pasa esto y cual seria su posible solucion?, Gracias! Atte. Lorena
Les comento que tengo una pagina web donde tengo un formulario y unos menus desplegables hechos con layers, el problema que tengo es que cuando despliego los menus, la parte de ellos que debe pasar POR ENCIMA de los componentes de el formulario, como inputs, combobox y demás, pasa POR DEBAJO de ellos, no asi con los demas componentes de la pagina como texto o imagenes, sino solo con los componentes de las forms, ¿alguien sabe por que pasa esto y cual seria su posible solucion?, Gracias! Atte. Lorena
Hola que tal, si los elementos del formulario o/y la layer del menu estan posisionados absolutamente, o estan dentro de una capa que lo esté (position:absolute; top:Y; left:X; ...) solo habria que asignar su z-index a ambos; siendo menor el del formulario que el del menu; ej.: z-index: 4;
(es estilo, va junto a top:... left... etc.)
Los elementos SELECT son caso aparte, siempre estan por encima de cualquier otro elemento, esto es un problema comun y es parte porque son elementos manejados por el SO/navegador y hasta la fecha no hay una solucion "estandar" para ello; un "workaround" seria poner el SELECT en una capa y ocultar dicha capa cuando otro elemento se posisione encima, en este caso cuando se muestre el menu.
Saludos, scriptman.
.::keep it virtual::.
(es estilo, va junto a top:... left... etc.)
Los elementos SELECT son caso aparte, siempre estan por encima de cualquier otro elemento, esto es un problema comun y es parte porque son elementos manejados por el SO/navegador y hasta la fecha no hay una solucion "estandar" para ello; un "workaround" seria poner el SELECT en una capa y ocultar dicha capa cuando otro elemento se posisione encima, en este caso cuando se muestre el menu.
Saludos, scriptman.
.::keep it virtual::.