时间:2021-07-01 10:21:17 帮助过:41人阅读
本文实例讲述了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中文网。
以上就是CSS怎么实现body背景层高于块元素的详细内容,更多请关注Gxlcms其它相关文章!