CSS實(shí)現(xiàn)HTML背景圖片拉伸鋪滿示例
發(fā)布時(shí)間：2013-09-09 10:17:19 作者：佚名 
我要評論
我要評論HTML背景圖片拉伸鋪滿，使用CSS實(shí)現(xiàn)圖片的width和height均100%，具體如下，感興趣的朋友可以參考下
上代碼：
CSS代碼
#img {
z-index:-1;
filter: alpha(opacity = 85);/*設(shè)置透明度，針對 IE8 以及更早的版本。IE9, Firefox, Chrome, Opera 和 Safari 使用屬性 opacity 來設(shè)定透明度。opacity 屬性能夠設(shè)置的值從 0.0 到 1.0。值越小，越透明。*/
position:absolute;/*這里要注意一下，需要設(shè)置成 absolute，絕對定位。絕對定位使元素的位置與文檔流無關(guān)，因此不占據(jù)空間*/
width:100%;
height:100%;
}
頁面代碼
<body scroll=no>
<img alt="" src="<%=request.getContextPath()%>/img/impUsersFromBras.jpg" id="img">
<div id="wordImp">
導(dǎo)入后督系統(tǒng)的用戶表到會(huì)計(jì)標(biāo)準(zhǔn)化
</div>
</body>
CSS代碼
復(fù)制代碼
代碼如下:#img {
z-index:-1;
filter: alpha(opacity = 85);/*設(shè)置透明度，針對 IE8 以及更早的版本。IE9, Firefox, Chrome, Opera 和 Safari 使用屬性 opacity 來設(shè)定透明度。opacity 屬性能夠設(shè)置的值從 0.0 到 1.0。值越小，越透明。*/
position:absolute;/*這里要注意一下，需要設(shè)置成 absolute，絕對定位。絕對定位使元素的位置與文檔流無關(guān)，因此不占據(jù)空間*/
width:100%;
height:100%;
}
頁面代碼
復(fù)制代碼
代碼如下:<body scroll=no>
<img alt="" src="<%=request.getContextPath()%>/img/impUsersFromBras.jpg" id="img">
<div id="wordImp">
導(dǎo)入后督系統(tǒng)的用戶表到會(huì)計(jì)標(biāo)準(zhǔn)化
</div>
</body>
相關(guān)文章
HTML+CSS實(shí)現(xiàn)背景圖片鋪滿頁面的三種方法
在前端頁面設(shè)計(jì)的時(shí)候大家總會(huì)遇到要添加背景圖片的情況去美化自己的頁面，本文就介紹了HTML+CSS實(shí)現(xiàn)背景圖片鋪滿頁面的三種方法，具有一定的參考價(jià)值，感興趣的可以了解一2023-07-05