下面小编就为大家带来一篇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加载图片路径详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。 |