cómo hacer div en la parte superior de todos los demás controles

Question

quiero que mi div se muestre en la parte superior de cada cosa pongo 100% para ancho y alto y muestra mucho contorl excepto algunos tienen css z-index y otras cosas i tratar de poner mi div índice z número grande, pero no funcionó

{ 
    width: 100%; 
    height: 100%; 
    top: 5px; 
    left: 0px; 
    background-color: #FFFFFF !important; 
    padding: 10px; 
    overflow: hidden; 
    visibility: visible; 
    display: block; 
    z-index: 500 !important; 
    position: relative; 
} 

Answer 1

Puesto que usted quiere cubrir toda la pantalla, recomiendo esto:

#overlayDiv { 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    z-index:99; 
} 

Nota, que no tiene que establecer las propiedades de la exposición y exhibición. ¡Además, no establezca relleno o margen en este elemento! Si desea que tenga un relleno, establezca un margen en sus elementos secundarios/secundarios.

Además, asegúrese de que el DIV en cuestión sea un elemento directo del elemento BODY.

Answer 2

con el fin de tirar de un elemento hTML fuera del flujo natural de cómo los elementos se nos extienden en la pantalla que necesita a la posición de uso: absoluta . Esto permitirá que el elemento se convierta en una capa por encima de los otros elementos (suponiendo que el valor del índice z sea mayor que el de los demás).

Ahora su elemento parece tener posición: relativo.

Answer 3

Probablemente el problema está relacionado con position:relative. Establezca en absoluto en absoluto, y si necesita compensar el elemento, use margin en lugar de top/left.

Answer 4

¿Podría ser que el problema solo existe con selects y en IE6? Si es así, mira el answers here.