css全屏背景圖片設置,django加載圖片路徑詳解
發(fā)布時間:2016-06-01 14:33:44 作者:佚名
我要評論

下面小編就為大家?guī)硪黄猚ss全屏背景圖片設置,django加載圖片路徑詳解。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
css全屏背景圖片設置,django加載圖片路徑詳解
XML/HTML Code復制內(nèi)容到剪貼板
- <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>
- 添加內(nèi)容,該內(nèi)容不會被遮擋,分割
- </div>
- </body>
以上這篇css全屏背景圖片設置,django加載圖片路徑詳解就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
- css中加背景圖片根據(jù)圖片及css文件的相對位置分一下幾種類型1.同包下2.不同包,接下來針對這兩種情況做一下介紹,感興趣的朋友可以參考下哈,希望可以幫助到你2013-04-11
- 這篇文章主要介紹了完美解決webpack打包css背景圖片路徑問題,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-07-01