css控制背景图片随div的大小而缩放
来源:互联网 发布:新西兰驾照翻译软件 编辑:程序博客网 时间:2024/04/27 22:42
在网页布局时我们经常会遇到这样的问题:图片的分辨率是1024*768,在1024*748的屏幕上能显示完整,一旦在800*600的屏幕上是就显示不完整,为了让图片的大小能适应不同的分辨率,可以这样来设置背景:
<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的大小而缩放
- css控制背景图片随div的大小而缩放
- 用css控制背景图片大小的方法
- 用css控制背景图片的位置,大小
- 用css控制背景图片的位置,大小
- 在编写网站的时候,给一个div设置背景图片,怎么让这个图片随着div大小的改变,而等比例的缩放。
- div+css怎么让背景图片自动缩放
- 【转】用css控制背景图片的位置,大小
- 背景图片适应div的大小
- CSS 背景图随div大小缩放 兼容IE
- CSS控制背景图片自适应表格大小
- 背景图片随网页的变化而变化(指大小)
- div+css布局控制div定位浮动层在背景图片上的半透明阴影效果
- 图片随外层容器<div>的大小而改变大小
- 【CSS】CSS控制DIV背景图片显示位…
- 【新番茄系统】关闭Superfetch服务会不会有什么影响
- 去掉form的高度 --table中有form,td的高度直接被撑高了,去掉form的高度就好了
- java properties文件乱码问题
- Web.config配置文件详解
- 基于 Silverlight的快速开发框架RapidSL新版改进源码
- css控制背景图片随div的大小而缩放
- linux mysql 安装后密码问题
- Java多态性详解——父类引用子类对象
- 创业公司打造“A级团队”的七个方法
- 张家界之旅
- android 增量升级
- [eclipse] 三个操作技巧
- ORA-600 [kcratr1_lastbwr]
- URL 编码窗体数据无效 System.Web.HttpRequest.FillInFormCollection()