浏览器全屏显示背景图片的css样式与html结构

你静候着秋天的温柔,留我在风景之外。把眼睛留给风光,把体重留给美食。我坐在椅子上,看日出复活;我坐在夕阳里,看城市的衰落。
css样式:
复制代码
代码如下:

<style>
div#div1{
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
z-index:-1;
}
div#div1 > img {
height:100%;
width:100%;
border:0;
}
</style>

html:
复制代码
代码如下:

<div id="div1"><img src="图片路径" /></div>
<div align="center">
<table>
<th>登录</th>
<tr>
<td>用户名:</td>
<td><input type="text" /></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="text" /></td>
</tr>
<tr>
<td></td>
<td><input type="reset" /><input type="button" value="Login" /></td>
</tr>
</table>
</div>

本文浏览器全屏显示背景图片的css样式与html结构到此结束。别人赏赐的赞许能够成为一种强大的支配力量。你的价值完全取决于别人的看法,一旦别人不再施舍赞许,你便一无所有,你会觉得自我一文不值。所以,需要赞许是一种负能量,你越是需要得到恭维,就越有可能受到别人的支配。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
CSS如何实现背景图片全屏铺满自适应的3种方式

CSS如何实现fullpage.javascript全屏滚动效果的示例代码

css全屏背景图片设置,django加载图片路径详解

一个全屏的加载动画效果如何实现

背景图片自适应浏览器分辨率大小并自动拉伸全屏代码