Die Z-Index-Eigenschaft wird zusammen mit der Positionseigenschaft verwendet, um Ebeneneffekte zu erstellen. Sie können festlegen, welches Element oben und welches unten sein soll.
Sie können versuchen, den folgenden Code auszuführen, um das Attribut Z-Index zu implementieren –
<html>
<head>
</head>
<body>
<div style = "background-color:blue; width:300px; height:100px; position:relative; top:10px; left:80px; z-index:2">
</div>
<div style = "background-color:gray; width:300px; height:100px; position:relative; top:-60px; left:35px; z-index:1;">
</div>
<div style = "background-color:yellow; width:300px; height:100px; position:relative; top:-220px; left:120px; z-index:3;">
</div>
</body>
</html>Das obige ist der detaillierte Inhalt vonVerwenden der CSS-Z-Index-Eigenschaft. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
