上代碼:
CSS代碼
#img {
z-index:-1;
filter: alpha(opacity = 85);/*設定透明度,針對 IE8 以及更早的版本。IE9, Firefox, Chrome, Opera 和 Safari 使用屬性 opacity 來設定透明度。opacity 屬性能夠設定的值從 0.0 到 1.0。值越小,越透明。*/
position:absolute;/*這裡要注意一下,需要設定成 absolute,絕對定位。絕對定位使元素的位置與文檔流無關,是以不占據空間*/
width:100%;
height:100%;
}
頁面代碼
<body scroll=no>
<img alt="" src="<%=request.getContextPath()%>/img/impUsersFromBras.jpg" id="img">
<div id="wordImp">
導入後督系統的使用者表到會計标準化
</div>
</body>
這樣子,就實作了背景圖檔的拉伸展示,而不管圖檔尺寸是否正好,img的width和height都設定成100%,就解決了圖檔不拉伸鋪滿的問題。 scroll=no是取消滾動條