[css]全屏背景圖片設置,django加載圖片路徑

本文轉載自查看原文 2016-06-01 13:27 2771 LQJ

<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>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 css實現背景圖片全屏 css 背景圖片鋪滿全屏 Django設置前端背景圖片 Bootstrap css背景圖片的設置 css 給body設置背景圖片 css 設置背景圖片透明 css3全屏背景圖片切換特效 CSS hack前傳——背景圖片全屏 HTML設置body背景圖片全屏顯示 H5-設置全屏背景圖片樣式