您现在的位置是:网站首页>列表内容
css全屏背景图片设置,django加载图片路径详解css里面图片路径问题(同包/不同包)探讨完美解决webpack打包css背景图片路径问题
2023-10-22 15:16:01
129人已围观
简介 下面小编就为大家带来一篇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加载图片路径详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。