css控制背景图片随div的大小而缩放
2016-04-17 15:24
633 查看
<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="xxx.png" />背景图片的验证
</div>
这里需要提出几点:
1.<img/>的z-index为-1,其实也就相当于一个背景的设置;
2.width height设为100%是解决问题的关键;
<img style="position:absolute;left:0px;top:0px;width:100%;height:100%;z-Index:-1; border:1px solid blue" src="xxx.png" />背景图片的验证
</div>
这里需要提出几点:
1.<img/>的z-index为-1,其实也就相当于一个背景的设置;
2.width height设为100%是解决问题的关键;
相关文章推荐
- css3文字导航鼠标悬停气泡动画特效源码下载
- css特殊图形绘制
- 关于CSS外边距叠加问题
- css绘制基本图形
- CSS选择器详解(总结)
- 用纯css改变下拉列表select框的默认样式(转)
- 纯css实现三级菜单栏
- 属性选择器
- CSS的background属性
- css书写顺序
- [7] Word 定制属于自己的表格样式
- CSS3 3D Transform
- CSS学习笔记
- CSS相关知识
- 自定义RatingBar,更方便指定星星的图标、大小,间距
- 使用css框架的优缺点
- JavaWeb企业实训 简易股市自选查询分析系统(三)前端页面加入highchart及CSS3列表
- CSS3 选择器
- div+css之清除浮动
- css3制作图片轮播