Heim > Artikel > Web-Frontend > 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:262854Durchsuche

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(&#39;img/person1.png&#39;); 
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:

So machen Sie die Hintergrundebene des Körpers höher als das Blockelement in CSS

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!

Stellungnahme：

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

Vorheriger Artikel：So ändern Sie die Priorität mithilfe von CSSs !importantNächster Artikel：So ändern Sie die Priorität mithilfe von CSSs !important

In Verbindung stehende Artikel

Mehr sehen