首頁 >web前端 >css教學 >css全螢幕背景圖片設定django載入圖片路徑詳細說明

css全螢幕背景圖片設定django載入圖片路徑詳細說明

高洛峰
高洛峰原創
2017-03-09 17:19:393425瀏覽

下面小編就為大家帶來一篇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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn