首頁 > web前端 > css教學 > 主體

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

高洛峰
發布: 2017-03-09 17:19:39
原創
3376 人瀏覽過

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板