¿Cómo puedo hacer que una etiqueta div html esté encima de todo?CSS Quiero un div para estar al tanto de todo
Respuesta
Para que el índice z funcione, deberá darle al elemento una propiedad position:absolute
o position:relative
. Una vez que lo hagas, tus enlaces funcionarán correctamente, aunque tal vez tengas que modificar tu CSS un poco después.
que quería utilizar un esquema fijo y así me quedé con la condición de fijo, sino que sigue resuelto el z- índice de 1000 y obtuve los resultados deseados, cubría un div inferior en la página mientras me desplazaba, ¿puede explicar por qué sucedió eso aunque estaba usando una posición estática? – Boo89100
Para que z-index:1000
tenga un efecto, necesita un esquema de posicionamiento no estático.
Añadir position:relative;
a la regla #settingsdetails
en la línea 8 del archivo mystyle.css
Es necesario añadir position:relative;
al menú. El índice Z solo funciona cuando tienes un esquema de posicionamiento no estático.
z-index
propiedad le permite tomar su control al frente. cuanto mayor sea el número que establezca, más alto será su elemento.
position
La propiedad debe ser relative
porque la posición de html-element
debe estar relativamente en relación con otros controles en todas las dimensiones.
element.style {
position:relative;
z-index:1000; //change your number as per elements lies on your page.
}
Supongo que vas a hacer una ventana emergente con el código de la escuela WW3, ¿correcto? compruébalo css. el .modal, ya existe la palabra z-index
allí. acabo de cambiar de 1 a 100.
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
- 1. CSS - Hacer que un div consuma todo el espacio disponible
- 2. En jQuery, quiero eliminar todo el código HTML dentro de un div
- 3. ¿Suprimir css para un div específico?
- 4. ¿Puede la página web estar al tanto del teclado virtual de Android
- 5. CSS: ¿Texto central tanto horizontal como vertical?
- 6. Doble un div con CSS
- 7. ¿Puede el intérprete PHP estar al tanto de las sugerencias de tipo de PHPDoc?
- 8. Forzar contenido contenible para estar dentro de div o p
- 9. Cargue un CSS externo para un DIV específico
- 10. Hacer un div verticalmente desplazable mediante CSS
- 11. CSS seleccionando un div después de un div con un div
- 12. CSS Crear un div transparente
- 13. cómo estirar div altura para llenar div padre - CSS
- 14. CSS vertical y horizontalmente Div
- 15. jQuery, al azar para div
- 16. Selección de un elemento dentro de Div para decoración CSS
- 17. CSS - Entrada al 100% de ancho se superpone a div
- 18. CSS, auto resize div?
- 19. Triangular div css shadows
- 20. ¿Podrá Delphi estar disponible tanto como EM64 como IA64?
- 21. ¿Cómo CSS sandbox/reinicia todo un área DIV en la página actual?
- 22. CSS centrado horizontal de un div fijo?
- 23. ¿Cómo hago flotar un div al centro?
- 24. .NET WF4: ¿Debería estar en el medio de todo?
- 25. centro de un div en el CSS
- 26. superposición CSS div
- 27. Cómo crear div para llenar todo el espacio entre div de encabezado y pie de página
- 28. CSS 100% Altura Div
- 29. CSS posición título div
- 30. HTML/CSS: hacer un div "invisible" para los clics?
Véase también http://stackoverflow.com/q/2006134/32453 – rogerdpack