css中怎么设置全屏背景图片，相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。
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中怎么设置全屏背景图片的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注亿速云行业资讯频道，感谢各位的阅读！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
