css3的背景图片设置的一些问题
2017-10-09 17:10
218 查看
background: url("../../static/img/wash/b_r.png")repeat-x 4% 0%;
background-size:25% 20%;
background-color: #fff;
repeat-x:背景图横向重复平铺。。
4%图片横向移动,后面是纵向移动
前者25%相当于缩放图片图片,后者20%相对于元素纵向所占背景的比例
注意:图片和颜色设置的顺序。如果颜色设置放前边,则不显示
补充:
使用background-size:100% 100%; 或者background-size:cover
这两个的区别是 background-size:100% 100%; 会自动适应浏览器的大小
background-size:25% 20%;
background-color: #fff;
repeat-x:背景图横向重复平铺。。
4%图片横向移动,后面是纵向移动
前者25%相当于缩放图片图片,后者20%相对于元素纵向所占背景的比例
注意:图片和颜色设置的顺序。如果颜色设置放前边,则不显示
补充:
使用background-size:100% 100%; 或者background-size:cover
这两个的区别是 background-size:100% 100%; 会自动适应浏览器的大小
相关文章推荐
- 利用CSS设置背景图片不显示的问题
- IOS开发:关于设置UIView的背景为图片的方法以及问题
- 自定义ListCtrl中设置背景图片的问题
- QT5.2 + VS2012 给QWidget 对象使用setStyleSheet()设置背景图片运行不显示的问题
- IOS UIview设置背景图片以及设置背景色遇到的问题
- 解决listview设置背景图片以后,拖动出现黑色的问题。
- 窗口背景图片的设置问题
- 自定义ListCtrl中设置背景图片的问题
- CSS3设置背景图片的大小
- css3 设置背景图片大小(缩略图形式缩小)
- 【微信小程序常见问题】view标签设置背景图片手机无法预览解决方案二
- GEF常见问题1:为图形编辑器设置背景图片
- LinkButton的样式设置(背景图片问题)
- Android设置背景透明的一些问题
- 解决 UIView 设置背景为UIImage图片变型问题[XXX setBackgroundColor:[UIColor colorWithPatternImage:XXX]];
- css 里设置背景图片遇到的问题
- iOS开发笔记--关于设置UIView的背景为图片的方法以及问题
- 解决listview设置背景图片以后,拖动出现黑色的问题。
- VS2010解决对话框设置背景图片和文字重叠问题
- iOS button设置背景图片后,设置cornerRadius没效果的问题