Heim > Artikel > Web-Frontend > Verwenden der CSS-Z-Index-Eigenschaft

Verwenden der CSS-Z-Index-Eigenschaft

WBOYnach vorne: 2023-08-26 08:57:31750Durchsuche

使用 CSS z-index 属性

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.

Beispiel

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!

css position

Stellungnahme：

Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

Vorheriger Artikel：Konstruieren Sie einen kreisförmigen radialen FarbverlaufNächster Artikel：Konstruieren Sie einen kreisförmigen radialen Farbverlauf

In Verbindung stehende Artikel

Mehr sehen