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

来源：动视网责编：小OO 时间：2020-11-27 18:52:42

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

css全屏背景图片设置，django加载图片路径详解。，该内容不会被遮挡，分割<；/p>；<；/body>；。<；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="；>；<。

推荐度：

点击下载本文 文档为doc格式

导读css全屏背景图片设置，django加载图片路径详解。，该内容不会被遮挡，分割<；/p>；<；/body>；。<；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="；>；<。

下面小编就为大家带来一篇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加载图片路径详细说明

推荐度：

点击下载本文 文档为doc格式

标签： css Django css全屏背景图片设置

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐