Heim >Web-Frontend >CSS-Tutorial >So machen Sie die Hintergrundebene des Körpers höher als das Blockelement in CSS
So machen Sie die Hintergrundebene des Körpers höher als das Blockelement in CSS
- 云罗郡主nach vorne
- 2018-11-20 16:51:262874Durchsuche
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!