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

2024-01-18 10:56 小编
  本文实例讲述了CSS实现body背景层高于块元素的方法,分享给大家供大家参考。具体实现方法如下:
 
  
 
  
 
  <!DOCTYPEhtml>
 
  <html>
 
  <head>
 
  <metacharset="UTF-8">
 
  <title>demo</title>
 
  <metaname="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:0auto;
 
  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>


Tag: 怎么
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码