简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > CSS Tutorial > body text

css full screen background image setting django loading image path detailed instructions

高洛峰
Release： 2017-03-09 17:19:39
Original
3367 people have browsed it

The following editor will bring you an article about CSS full-screen background image settings and a detailed explanation of the Django loading image path. The editor thinks it is quite good, so I will share it with you now and give it as a reference for everyone. Let’s follow the editor to take a look

css full-screen background image setting, detailed explanation of django loading image path

<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>
Copy after login


The above is the detailed content of css full screen background image setting django loading image path detailed instructions. For more information, please follow other related articles on the PHP Chinese website!

Related labels：
css django path
source：php.cn
Previous article：Sample code sharing for making borders using CSS3’s linear gradient Next article：CSS3 flex layout study guide for mobile web pages
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
How to pass multiple lists from ajax to Django I have a problem, I want to get all the data from the list, so I want to loop through each...
From 2024-04-03 23:20:06
0
1
362
How to effectively apply custom "css" and "js" files to all admins in an application? I have custom css and js files, admin.py and overridden base.html located in templates/adm...
From 2024-04-03 20:54:06
0
1
400
Highcharts in Django: Display JSON data instead of charts on a web page So I'm trying to make a candlestick chart using Highcharts in Django, but I can't display ...
From 2024-04-02 10:06:09
0
1
291
Solve the problem of operation error when pythonanywhere connects to MySQL database I have finished my django project and I want to test it on PythonAnywhere, everything was ...
From 2024-03-31 22:43:19
0
1
418
Deploy Django using mysql database on a personal server I'm trying to deploy my Django project on Linode. The MySQL database I use during developm...
From 2024-03-31 14:44:26
0
1
371
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！