<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">今天做项目的时候发现一个大bug,平时表现良好的背景图片“偏移”(队友这么描述),只是因为我把jsp改成了html,然后研究了下如何让背景图片全屏无压缩显示,记录如下:</span>
(1)加一个div包裹住
<div id="div1">
<img src="./Image/bg1.jpg" alt="欢迎来到易学网站主页!" usemap="#phly" >
</div>
(2)清除浏览器默认样式
*{
padding: 0px;
margin: 0px;
}
(3)让div1覆盖整个网页
div #div1{
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
z-index:-1;
}
div #div1 > img {
height:100%;
width:100%;
border:0;
}