Der Inhalt dieses Artikels befasst sich damit, wie man erkennt, dass die Körperhintergrundebene in CSS höher ist als das Blockelement. Ich hoffe, dass es für Sie hilfreich ist.
Das Beispiel in diesem Artikel beschreibt die CSS-Methode, um zu erkennen, dass die Hintergrundebene des Körpers höher ist als das Blockelement. Ich teile sie Ihnen als Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
</head>
<style>
html, body{
width: 100%;
max-width: 640px;
height: 100%;
overflow-x: hidden;
margin: 0 auto;
background-color: #000;
font-family: 微软雅黑, 华文细黑, 黑体;
}
body{
background-image: url('img/person1.png');
background-repeat: no-repeat;
background-position: bottom;
background-color: transparent;
background-size: 100%;
}
.box{
width: 100%;
height: 50%;
background-color: green;
z-index: -1;
position: absolute;
}
</style>
<body>
<div></div>
</body>
</html>Der Effekt ist wie folgt:
Das Obige ist eine vollständige Einführung in die Implementierung der Körperhintergrundebene ist höher als das Blockelement in CSS. Wenn Sie mehr über das CSS3-Tutorial erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.
Das obige ist der detaillierte Inhalt vonSo machen Sie die Hintergrundebene des Körpers höher als das Blockelement in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Welche Software zum Online-Testen der Computerleistung gibt es?
Welche Methoden gibt es, um die IP in dynamischen VPS sofort zu ändern?
Konvertierung von RGB in Hexadezimal
Was ist die Tastenkombination zum Wechseln des Benutzers?
Was ist die Tastenkombination zum Kopieren und Einfügen bei Strg?
Fehlermanagement-Tool
Was ist Kryptowährung Kol
So zentrieren Sie die Webseite in Dreamweaver
