css全屏背景图片设置,django加载图片路径详解 XML/HTML Code 复制内容到剪贴板 head style type = text/css #bg{ position:fixed; top:0; left:0; width:100%; height:100%; } #bgimg{ position:absolute; left:0; right:0; bottom:0
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加载图片路径详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持自由互联。