Maison >interface Web >tutoriel CSS >Comment rendre le calque d'arrière-plan du corps plus haut que l'élément de bloc en CSS
Comment rendre le calque d'arrière-plan du corps plus haut que l'élément de bloc en CSS
- 云罗郡主avant
- 2018-11-20 16:51:262886parcourir
Le contenu de cet article explique comment réaliser que la couche d'arrière-plan du corps est plus haute que l'élément de bloc en CSS. Elle a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.
L'exemple de cet article décrit la méthode CSS pour réaliser que la couche d'arrière-plan du corps est plus haute que l'élément de bloc. Je le partage avec vous pour votre référence. La méthode de mise en œuvre spécifique est la suivante :
<!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>L'effet est la suivante :
Ce qui précède est une introduction complète à la façon de mettre en œuvre le corps couche d'arrière-plan supérieure à l'élément de bloc en CSS. Si vous souhaitez en savoir plus sur le Tutoriel CSS3, veuillez faire attention au site Web PHP chinois.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!