Rumah > Artikel > hujung hadapan web > css全屏背景图片设置django加载图片路径详细说明

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

高洛峰asal: 2017-03-09 17:19:393353semak imbas

下面小编就为大家带来一篇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>

Atas ialah kandungan terperinci css全屏背景图片设置django加载图片路径详细说明. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：利用CSS3的线性渐变linear-gradient制作边框的示例代码分享Artikel seterusnya：移动端Web页面的CSS3 flex布局学习指南

Artikel berkaitan

Lihat lagi