ホームページ >ウェブフロントエンド >htmlチュートリアル >[css]全屏背景图片设置,django加载图片路径
[css]全屏背景图片设置,django加载图片路径
- WBOYオリジナル
- 2016-06-02 09:13:361884ブラウズ
<span style="color: #800000;"><br><style type="text/css">
#bg </style></span>{<span style="color: #ff0000;">
position</span>:<span style="color: #0000ff;">fixed</span>;<span style="color: #ff0000;">
top</span>:<span style="color: #0000ff;">0</span>;<span style="color: #ff0000;">
left</span>:<span style="color: #0000ff;">0</span>;<span style="color: #ff0000;">
width</span>:<span style="color: #0000ff;">100%</span>;<span style="color: #ff0000;">
height</span>:<span style="color: #0000ff;">100%</span>;
}<span style="color: #800000;">
#bg img </span>{<span style="color: #ff0000;">
position</span>:<span style="color: #0000ff;">absolute</span>;<span style="color: #ff0000;">
left</span>:<span style="color: #0000ff;">0</span>;<span style="color: #ff0000;">
right</span>:<span style="color: #0000ff;">0</span>;<span style="color: #ff0000;">
bottom</span>:<span style="color: #0000ff;">0</span>;<span style="color: #ff0000;">
margin</span>:<span style="color: #0000ff;">auto</span>;<span style="color: #ff0000;">
width</span>:<span style="color: #0000ff;">100%</span>;<span style="color: #ff0000;">
height</span>:<span style="color: #0000ff;">100%</span>;<span style="color: #ff0000;">
z-index</span>:<span style="color: #0000ff;">-1</span>;
}<span style="color: #800000;">
<div class="container">
<div id="bg">
<img src="</span>%7B<span%20 style="max-width:90%"[css]全屏背景图片设置,django加载图片路径" >% static 'img/login.jpg' %}<span style="color: #800000;">" alt="">
</span>
</div>
<div>
添加内容,该内容不会被遮挡,分割
</div>
<br>
</div>
<p> </p></span>
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：横向滑动/滚动隐藏滚动条次の記事：网站设计之合理架构CSS