CSS怎么实现body背景层高于块元素

互联网 18-11-20

本篇文章给大家带来的内容是关于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>

效果如下：