HTML背景图片拉伸铺满 CSS实现

来源:互联网 发布:中国农业大学网络 编辑:程序博客网 时间:2024/05/20 15:37

上代码:

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是取消滚动条