css中怎么设置全屏背景图片,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
创新互联公司-专业网站定制、快速模板网站建设、高性价比建邺网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式建邺网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖建邺地区。费用合理售后完善,十年实体公司更值得信赖。
css全屏背景图片设置,django加载图片路径详解
XML/HTML Code复制内容到剪贴板
<head>
<style type="text/css">
#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}
#bg img {
position:absolute;
left:0;
right:0;
bottom:0;
margin:auto;
width:100%;
height:100%;
z-index:-1;
}
</style>
</head>
<body>
<div class="container">
<div id="bg">
<img src="{% static 'img/login.jpg' %}" alt="">
</div>
<div>
添加内容,该内容不会被遮挡,分割
</div>
</body>
看完上述内容,你们掌握css中怎么设置全屏背景图片的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!
网站题目:css中怎么设置全屏背景图片
网站地址:https://www.cdcxhl.com/article12/jgdogc.html
成都网站建设公司_创新互联,为您提供网站改版、网站收录、微信小程序、网站设计公司、定制网站、搜索引擎优化
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联