简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > css教程 > 正文

css全屏背景图片设置django加载图片路径详细说明

高洛峰
发布： 2017-03-09 17:19:39
原创
3361 人浏览过

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

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>
    <p class="container">
      <p id="bg">
        <img src="{% static &#39;img/login.jpg&#39; %}" alt="">
      </p>
      <p>
                    添加内容,该内容不会被遮挡,分割     
       </p>
</body>
登录后复制


以上是css全屏背景图片设置django加载图片路径详细说明的详细内容。更多信息请关注PHP中文网其他相关文章！

相关标签：
css django 路径
来源：php.cn
上一篇：利用CSS3的线性渐变linear-gradient制作边框的示例代码分享 下一篇：移动端Web页面的CSS3 flex布局学习指南
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
传递多个列表从ajax到Django的方法 我有一个问题，我想从list获取所有数据，所以我想循环所选项目中的每个数据并将其插入数据库，目前，当我打印['[objectObject]','[objectObject]'],时...
来自于 2024-04-03 23:20:06
0
1
362
如何将自定义'css”和'js”文件有效地应用到一个应用程序中的所有管理员？ 我有自定义css和js文件、admin.py和覆盖的base.html位于templates/admin/app1/中，如下所示：django-project|-core||-se...
来自于 2024-04-03 20:54:06
0
1
400
Django 中的 Highcharts：在网页上显示 JSON 数据而不是图表 因此，我尝试使用Django中的Highcharts制作烛台图，但无法在网页上显示图表，而是显示所获取数据的JSON列表。我正在使用iexcloud的API来获取历史数据这是我的逻...
来自于 2024-04-02 10:06:09
0
1
291
解决pythonanywhere连接MySQL数据库时出现操作错误的问题 我已经完成了我的django项目，我想在PythonAnywhere上测试它，一切都很好，直到mysql数据库连接显示错误我已付费订阅。/home/发生操作错误（1044，“用户'...
来自于 2024-03-31 22:43:19
0
1
418
在个人服务器上使用 mysql 数据库部署 Django 我正在努力在Linode上部署我的Django项目。我在开发过程中使用的MySQL数据库位于我家的ubuntu服务器上。这与我编写程序的计算机不同。在settings.py文件中，...
来自于 2024-03-31 14:44:26
0
1
371
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！