css全屏背景图片设置django加载图片路径详细说明
程序员文章站
2022-03-29 12:50:26
...
下面小编就为大家带来一篇css全屏背景图片设置,django加载图片路径详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
css全屏背景图片设置,django加载图片路径详解
<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>
<p class="container">
<p id="bg">
<img src="{% static 'img/login.jpg' %}" alt="">
</p>
<p>
添加内容,该内容不会被遮挡,分割
</p>
</body>
以上就是css全屏背景图片设置django加载图片路径详细说明的详细内容，更多请关注其它相关文章！
上一篇： CSS实现响应式全屏背景图
下一篇： 使用css3实现背景渐变方法