background-size使用
2024-10-13 16:37:31
background-size: left center | 0% 50% | cover | contain
backgound-size: left center | 0% 50%; 这个指的是背景水平、垂直的大小控制
background-size: cover; 背景铺满整个容器,如果背景是图片,按照图片大小比例铺满整个容器
background-size: contain; 容器包含背景,它和上面不一样的地方是它是包含关系,有个padding值
IE下如何使用?
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale');
- 需要注意的一点是:不要把IE滤镜应用到html和body上,会导致滚动条和链接出问题
- 使用IE滤镜不会保持背景图片的宽高比,也即图片可能会变形
本文内容部分采自:www.topcss.org
最新文章
- MD5验证
- 导入excel数据到数据库
- POJO, DTO, VO, JavaBean的区别
- 再说linux中的rm mv 遍历执行多个文件的操作: find + xagrs
- 20145316GDB调试汇编堆栈
- Mysql limit offset
- vs 添加坚竖虚线(垂直虚线、肾虚线 by 我的Y韬)
- C++ STL知识点小结
- C#自定义的命名空间引用
- 消息映射(C++)(转)
- 拓扑排序下的有无环判定 STL方法
- C++向量(08)
- 深入理解Java内置锁和显式锁
- Go基础之--操作Mysql(二)
- AM335x(TQ335x)学习笔记——触摸屏驱动编写
- SUSE12Sp3-Nginx安装
- python 数据分类赋值
- day 变量的赋值原理 变量的命名规则
- The markup in the document following the root element must be well-formed.	Quartz.xml .......
- java是如何编码解码的