css全螢幕背景圖片設定django載入圖片路徑詳細說明
- 高洛峰原創
- 2017-03-09 17:19:393379瀏覽
下面小編就為大家帶來一篇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 'img/login.jpg' %}" alt="">
</p>
<p>
添加内容,该内容不会被遮挡,分割
</p>
</body>
以上是css全螢幕背景圖片設定django載入圖片路徑詳細說明的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn