CSS实现HTML背景图片拉伸铺满示例
发布时间：2013-09-09 10:17:19 作者：佚名 
我要评论
我要评论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>
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>
相关文章
- 在前端页面设计的时候大家总会遇到要添加背景图片的情况去美化自己的页面，本文就介绍了HTML+CSS实现背景图片铺满页面的三种方法，具有一定的参考价值，感兴趣的可以了解一2023-07-05
最新评论