开发者社区> 问答> 正文

关于全屏背景更好的解决方法?

在项目中遇到网页全屏背景的问题?
我是这样解决的,不知有什么更好的方法?

<body>
<header></header>
<main></main>
<footer></footer>
<div class="body_bg">
  <img src="bg1.png" width="100%" height:"100%"></img>
</div>
<body>

.body_bg{
   position:absolute;
   left:0;
   right:0;
   bottom:0;
   top:0;
   z-index:-1
}

展开
收起
杨冬芳 2016-06-03 18:32:03 2061 0
1 条回答
写回答
取消 提交回答
  • IT从业
    html {
        height: 100%;
    }
    body {
        min-height: 100%;
        background-image: url();
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    2019-07-17 19:27:03
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
H5动画在移动平台上的性能优化实践 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载