Red de conocimiento informático - Conocimiento del nombre de dominio - Urgente, he instalado flotadores, ¿por qué siguen siendo aplastados?

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;