En IE 6, el control de selección (cuadro combinado) se muestra en la parte superior de los menús. Revisé algunos menús de Javascript, mmmenu, pero todos están bajo control de selección. No es reparable asignando Z-Index. Hay alguna otra solucion.IE 6 seleccionar controles (Cuadro combinado) sobre el menú
Respuesta
Este es un error bien conocido con IE6 al tratar de posicionar absolutamente divs encima de los controles de selección.
Existen soluciones que implican calzas de iframe, pero no hay una buena respuesta. La respuesta de ajuste de iframe es colocar un iframe debajo de cualquier div que estés tratando de colocar encima de una selección, con iframe del mismo tamaño. Lamentablemente, este es un gran dolor en el culo.
Sugiero usar un sistema de menú javascript que ya usa calces iframe, como YUI menus (y supongo que jQuery).
El problema es que SELECT son elementos de "ventana" en IE6, y su índice z está por encima de todos los demás componentes que no están "en ventana". Si absolutamente debe tener algo encima de una combox, puede colocarlo dentro de otro archivo en ventanas, como un IFRAME, y establecer que el índice Z del componente sea más alto que el del cuadro combinado.
Debo admitir que esta no es una solución bonita.
La mayoría de las principales bibliotecas de JavaScript tienen soluciones fáciles de implementar para este problema. Usamos jQuery, y el bgiframe plugin es muy fácil de usar y resuelve el problema.
Daniel es definitivamente correcto. Este es un problema feo.
Sin embargo, puede haber otra solución. Si está utilizando menús de varias capas que se abren y cierran, es posible escribir código JavaScript que literalmente esconde los elementos problemáticos de SELECCIONAR cuando se abre la ventana emergente (estilo el elemento para tener una visibilidad de oculto). Luego, cuando se cierra el menú, puede mostrar el mismo control SELECCIONAR.
Luego solo tiene que escribir el código que detecta qué objetos SELECT se interponen en el camino de un menú en particular antes de abrirse. No es un código trivial, pero definitivamente es posible escribir. Luego, simplemente envolvería todo el fragmento de código en un condicional que verifica si el usuario está en IE ya que no es necesario ejecutar esto en Firefox o Safari.
- 1. preseleccionando el valor del menú desplegable (cuadro combinado) en extjs?
- 2. Seleccionar el valor de cuadro combinado con jQuery
- 3. Selenium WebDriver para seleccionar el elemento del cuadro combinado?
- 4. Texto del cuadro combinado al escribir
- 5. ¿Mejor cuadro combinado de Javascript?
- 6. cursor escribir de cuadro combinado
- 7. Información sobre herramientas para cada elemento en un cuadro combinado
- 8. Aspecto del cuadro combinado
- 9. combinado cuadro de autocompletar
- 10. Ajustes por defecto en el cuadro combinado
- 11. Obtener el texto seleccionado de un cuadro combinado usando jQuery, por nombre del cuadro combinado?
- 12. cuadro combinado en MVC Spring Web
- 13. Lista desplegable de cuadro combinado
- 14. Agregar enum al cuadro combinado
- 15. caso cuadro combinado desplegable sensibles
- 16. ¿Cómo cambio el tamaño del menú desplegable de un cuadro combinado?
- 17. Eventos del cuadro combinado VB6
- 18. ¿Hay alguna diferencia entre el cuadro desplegable y el cuadro combinado?
- 19. cuadro combinado en un panel desplazable causando problemas
- 20. IE Comentarios condicionales: lt IE 7 = lte IE 6?
- 21. Jquery UI autocompletar botón del cuadro combinado clic evento
- 22. Encuadernación convertida Enum a un cuadro combinado
- 23. cuadro combinado de la unión a otro cuadro combinado en WPF
- 24. cómo obtener el valor en el cuadro combinado extjs?
- 25. Error SystemFontFamilies al vincular al cuadro combinado
- 26. Vinculación de cuadro combinado (jQuery preferiblemente)
- 27. cheque nocaut/desmarcar todos cuadro combinado
- 28. valor seleccionado de un cuadro combinado
- 29. Desactivar elementos particulares en un cuadro combinado
- 30. Abrir el cuadro de diálogo de archivo y seleccionar un archivo usando controles WPF y C#
@jonstjohn - Awesome! Eso funcionó bastante bien: el único problema que queda con el uso del plugin bgiframe es que el borde del DIV que tengo todavía se superpone con los desplegables. De modo que la parte principal del DIV se muestra en la parte superior de los menús desplegables, pero el borde negro (CSS - borde: 2 px de estado sólido #cecece;) aún aparece debajo de los menús desplegables. ¿Te has encontrado con esto en absoluto? –
Vaya, no importa. I RTFM y vi las compensaciones "superior", "izquierda", etc. –
Parece "Superior", "Izquierda", etc. No hacer nada. –