【css实践】全屏实现背景图片

<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; 
} 


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章