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