css全屏背景图片设置,django加载图片路径详解

发布时间：2016-06-01 14:33:44 作者：佚名

下面小编就为大家带来一篇css全屏背景图片设置,django加载图片路径详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

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全屏背景图片设置,django加载图片路径详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

Tag：Django css 路径

相关文章

css里面图片路径问题(同包/不同包)探讨
css中加背景图片根据图片及css文件的相对位置分一下几种类型1.同包下2.不同包，接下来针对这两种情况做一下介绍，感兴趣的朋友可以参考下哈，希望可以帮助到你
2013-04-11
完美解决webpack打包css背景图片路径问题
这篇文章主要介绍了完美解决webpack打包css背景图片路径问题,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2020-07-01

最新评论