首页前端开发CSSCSS实现body背景层高于块元素的方法

CSS实现body背景层高于块元素的方法

时间2024-05-23 23:34:02发布访客分类CSS浏览98
导读:本文实例讲述了CSS实现body背景层高于块元素的方法,分享给大家供大家参考。具体实现方法如下: 复制代码 代码如下: demo html, body{ width: 100%; max-width: 640px; heig...

本文实例讲述了CSS实现body背景层高于块元素的方法,分享给大家供大家参考。具体实现方法如下:

复制代码 代码如下:



demo



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;
}




声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: CSS实现body背景层高于块元素的方法
本文地址: https://pptw.com/jishu/666640.html
WordPress 5.0.3 更新发布修复37个错误和7个性能升级 css表头固定样式的方法

游客 回复需填写必要信息