天天看點

HTML背景圖檔拉伸鋪滿 CSS實作

上代碼:

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是取消滾動條