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!
Comment ouvrir le fichier img
La différence de vitesse entre USB2.0 et 3.0
Solution au problème selon lequel les fichiers exe ne peuvent pas être ouverts dans le système win10
Comment vérifier les enregistrements d'appels supprimés
Solution de délai d'expiration des requêtes du serveur
Quels sont les types d'index Oracle ?
Comment utiliser le déverrouillage
Savez-vous si vous annulez l'autre personne immédiatement après l'avoir suivie sur Douyin ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
