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

作者：佚名字体：[增加减小] 来源：互联网时间：2017-08-06

本文主要包含django,css,路径等相关知识,佚名希望在学习及工作中可以帮助到您

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>
<div class="container">
<div id="bg">
<img src="{% static 'img/login.jpg' %}" alt="">
</div>
<div>
添加内容,该内容不会被遮挡,分割
</div>
</body>

以上这篇css全屏背景图片设置,django加载图片路径详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持微课江湖。

您可能想查找下面的文章:

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

相关文章

2017-08-06CSS3实战第一波让我们尽情的圆角吧
2017-08-06CSS实现的灰色下拉菜单效果代码
2017-08-06解决IE6下Position:fixed问题
2017-08-06浏览器中的data类型的Url格式 data:image/png,data:image/jpeg!
2017-08-06html5 css3 动态气泡按钮实例演示
2017-08-06inline-block元素默认间距的两种清除方法示例代码
2017-08-06魔哥css圆角实现代码（代码精简，完全自适应）
2017-08-06css3.0新属性效果在ie下的解决方案
2017-08-06调整input里面的输入光标大小并兼容主流浏览器
2017-08-06图文讲解CSS的Box Model盒模型中的边距