CSS实现HTML背景图片拉伸铺满示例
2013-09-09 10:17
609 查看
上代码:
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>
相关文章推荐
- HTML背景图片拉伸铺满 CSS实现
- HTML+CSS实现合并图片的切割显示以及背景渲染
- HTML+CSS----IE6下背景透明实现-css/js--png图片
- IE9以下通过css让html页面背景图片铺满整个屏幕
- 如何通过CSS实现背景图片自动平铺或拉伸至整个屏幕(自适应大小)
- css实现背景图片拉伸
- HTML+CSS实现背景图片全屏显示
- 使用js操作css实现js改变背景图片示例
- 使用js操作css实现js改变背景图片示例
- 图片垂直居中,小图铺满div,css3点击变红叉,css背景图拉伸铺满
- CSS HTML实现背景图片的填充
- 制作html网页时如何使用CSS使背景图片拉伸(填充)
- 使用js操作css实现js改变背景图片示例
- 拉伸背景图片的方法,CSS+html+jquery,不需要大图片
- CSS HTML实现背景图片的填充
- css 实现背景图片拉伸
- html/js 实现背景图片自适应窗口分辨率大小
- CSS实现背景图片固定
- 背景图片拉伸显示CSS
- CSS实现背景图片不规则的导航菜单