Urgente, he instalado flotadores, ¿por qué siguen siendo aplastados?
El orden de superposición se puede establecer usando capas de índice z
Sintaxis y estructura del índice z
El índice z sigue un número específico
Por ejemplo: div{z-index: 100}
Nota: El valor del índice z no sigue la unidad.
Cuanto mayor sea el valor del índice z, mayor será y el valor debe ser un número entero y un número positivo (entero positivo).
Condiciones para usar el índice z
El índice Z solo se puede usar cuando se usa la posición absoluta: atributo absoluto. Normalmente, si queremos que diferentes marcos de objetos se superpongan en un orden diferente, debemos usar el atributo de estilo de índice z.
Aplicar índice z
Para facilitar la observación de los atributos de estilo del índice z, configuramos tres cuadros DIV con diferentes colores de fondo CSS y la misma altura CSS. ancho. El ancho de CSS es 100 px, el alto de CSS es 50 px
código de muestra de CSSlt;!Doctype?htmlgt;
lt;headgt;
lt;meta?charset= " utf-8"gt;
lt;stylegt;
/*?www.divcs5.com?z-index instancia?*/?
. divcss5 {posición: relativa;}?
.divcss5-1, .divcss5-2, .divcss5-3?
{ancho: 100px; alto: 50px; ?
.divcss5-1{z-index: 10; fondo: #000; izquierda: 10px; arriba: 10px}?
.divcss5-2{z-index: 20 ; fondo: #F00; izquierda: 30px; arriba: 20px}?
.divcss5-3{z-index: 15; fondo: #00F; >
lt;/stylegt;
lt;/headgt;
lt;bodygt;
lt;div?class="divcss5-1 " gt;lt;/divgt;?
lt;div?class="divcss5-2"gt;lt;/divgt;?
lt;div?class="divcss5- 2" -3"gt;lt;/divgt;?
lt;/bodygt;
lt;/htmlgt;