css控制背景图片随div的大小而缩放
2013-06-17 11:10
831 查看
在网页布局时我们经常会遇到这样的问题:图片的分辨率是1024*768,在1024*748的屏幕上能显示完整,一旦在800*600的屏幕上是就显示不完整,为了让图片的大小能适应不同的分辨率,可以这样来设置背景:
这里需要提出几点:
1.<img/>的z-index为-1,其实也就相当于一个背景的设置;
2.width height设为100%是解决问题的关键;
注:转载源地址
<div style="width:360px;height:200px;border:red 1px solid; margin-left:100px; margin-top:300px; position:relative; "> <img style="position:absolute;left:0px;top:0px;width:100%;height:100%;z-Index:-1; border:1px solid blue" src="包囊.png" />背景图片的验证 </div>
这里需要提出几点:
1.<img/>的z-index为-1,其实也就相当于一个背景的设置;
2.width height设为100%是解决问题的关键;
注:转载源地址
相关文章推荐
- css控制背景图片随div的大小而缩放
- css控制背景图片随div的大小而缩放
- css控制背景图片随div的大小而缩放
- css控制背景图片随div的大小而缩放
- div+css布局控制div定位浮动层在背景图片上的半透明阴影效果
- 【CSS】CSS控制DIV背景图片显示位…
- 用css控制背景图片大小的方法
- 在编写网站的时候,给一个div设置背景图片,怎么让这个图片随着div大小的改变,而等比例的缩放。
- 用css控制背景图片的位置,大小
- Css控制图片大小,自适应缩放,兼容IE6和Firefox
- CSS让DIV按照背景图片的比例缩放,并让背景图片填充整个DIV
- div+css怎么让背景图片自动缩放
- css图片缩放 通过css控制图片自动缩放至css定义大小
- moo弹出框 改进版 css外置 背景用图片 大小任意缩放 圆角 插入任意内容 自定义按钮 回车空格esc支持 滚动支持 动画开关
- 【小技巧】通过css控制图片自动缩放至css定义大小
- CSS基础知识二(段落设置CSS效果、图片边框、div和span区别、CSS控制背景、CSS控制链接)
- CSS 背景图随div大小缩放 兼容IE
- 用css控制背景图片的位置,大小
- CSS常用效果实现004——控制div的背景图片的长宽
- html 网页背景图片根据屏幕大小CSS自动缩放