css全屏背景圖片設(shè)置,django加載圖片路徑詳解
發(fā)布時(shí)間：2016-06-01 14:33:44 作者：佚名 
我要評(píng)論
我要評(píng)論下面小編就為大家?guī)?lái)一篇css全屏背景圖片設(shè)置,django加載圖片路徑詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
css全屏背景圖片設(shè)置,django加載圖片路徑詳解
XML/HTML Code復(fù)制內(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)容不會(huì)被遮擋,分割
- </div>
- </body>
以上這篇css全屏背景圖片設(shè)置,django加載圖片路徑詳解就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
- css中加背景圖片根據(jù)圖片及css文件的相對(duì)位置分一下幾種類(lèi)型1.同包下2.不同包，接下來(lái)針對(duì)這兩種情況做一下介紹，感興趣的朋友可以參考下哈，希望可以幫助到你2013-04-11
完美解決webpack打包c(diǎn)ss背景圖片路徑問(wèn)題
這篇文章主要介紹了完美解決webpack打包c(diǎn)ss背景圖片路徑問(wèn)題,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-07-01
