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

当前位置 : 首页 > 网页制作 > CSS > CSS实现HTML背景图片拉伸铺满示例

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

来源: 作者: 时间:2015-11-04 11:06
HTML背景图片拉伸铺满,使用CSS实现图片的width和height均100%,具体如下,感兴趣的朋友可以参考下
HTML背景图片拉伸铺满,使用CSS实现图片的width和height均100%,具体如下,感兴趣的朋友可以参考下
上代码:

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>
Tag:
网友评论

<