本篇文章给大家带来的内容是关于CSS怎么实现body背景层高于块元素，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
本文实例讲述了CSS实现body背景层高于块元素的方法，分享给大家供大家参考。具体实现方法如下：
<!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>效果如下：
以上就是对CSS怎么实现body背景层高于块元素的全部介绍，如果您想了解更多有关CSS3教程，请关注PHP中文网。
Atas ialah kandungan terperinci CSS怎么实现body背景层高于块元素. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Apakah perisian ujian dalam talian prestasi komputer?
Apakah kaedah untuk menukar IP dalam vps dinamik serta-merta?
rgb kepada penukaran heksadesimal
Apakah kekunci pintasan untuk menukar pengguna?
Apakah kekunci pintasan untuk menyalin dan menampal ctrl?
Alat Pengurusan Kecacatan
Apa itu cryptocurrency kol
Bagaimana untuk memusatkan halaman web dalam dreamweaver
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
