小时刻个人博客:http://small.aiweimeng.top

CSS3 新增的 background-size 是一个很有用的属性,用于定义背景图片的尺寸,有了这个属性,你就可以任意指定背景图片的大小。其中最常用的值应该要数 cover 了,该值能让背景图片缩放至填满整个容器,即使是图片面积小于容器面积。由于css3的background-size不支持IE;所以会对其做一些兼容:

语法: filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )

属性:

enabled :  可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true :  默认值。滤镜激活。 false :  滤镜被禁止。

sizingMethod :  可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。

crop :  剪切图片以适应对象尺寸。

image :  默认值。增大或减小对象的尺寸边界以适应图片的尺寸。

scale :  缩放图片以适应对象的尺寸边界。

src :  必选项。字符串(String)。使用绝对或相对 url 地址指定背景图像。假如忽略此参数,滤镜将不会作用。

特性:

Enabled :  可读写。布尔值(Boolean)。参阅 enabled 属性。

sizingMethod :  可读写。字符串(String)。参阅 sizingMethod 属性。

src :  可读写。字符串(String)。参阅 src 属性。

背景图片大小兼容ie相关推荐

  1. android页面设置背景图片大小,android页面设置background为图片后,页面滑动掉帧问题...

    最近接手的一个android项目里面,有个viewpager+3个fragment的页面,就是很常见的可以左右滑动切换页面的那种布局.接手的时候告诉我,这个页面有卡顿现象,性能需要优化.一开始觉得是f ...

  2. 怎么修改背景图片大小的HTML代码,css如何改变背景图片大小?

    我们现在经常会用到CSS,在编写过程中,会遇到CSS背景图像大小设置的问题.那么css如何改变背景图片大小?下面本篇文章就来给大家介绍一下,希望对大家有所帮助. 在CSS中,想要改变背景图片的大小,可 ...

  3. html5中背景图片的大小怎么调,css中怎么改变背景图片大小?

    在CSS中,想要改变背景图片的大小,可以通过设置background-size属性来实现.下面本篇文章就来给大家介绍一下使用background-size属性改变背景图片大小的方法,希望对大家有所帮助 ...

  4. java改变背景图片大小_java编写界面设置 背景图片的大小

    设置背景图片大小跟电脑屏幕大小一致: 方法: ImageIcon background = new ImageIcon("res\\index.jpg"); Dimension s ...

  5. css设置div背景图片大小,适应宽度

    问题: 没有通过css设置背景图片大小时候,背景图按照真实图片大小展示,会出现超出或者过小情况,如下是图片width:1920px 超出页面设计的1320px,效果如下 真实图片是这样的 解决方法 通 ...

  6. YDOOK : CSS div 设置背景图片大小自动缩放

    YDOOK : CSS div 设置背景图片大小自动缩放 设置示例: 选择器{width:100%;height:100%;background-repeat:no-repeat:background ...

  7. Web前端,CSS背景图片大小、文字阴影、盒子阴影、过渡

    前言 持续学习总结输出中,今天分享的是Web前端,CSS背景图片大小.文字阴影.盒子阴影.过渡 背景图片大小 background-size:宽度 高度; 设置背景图片的大小 取值 场景 数字+px ...

  8. 小兔鲜项目搭建-精灵图、背景图片大小、盒子阴影、过渡

    1.1精灵图: 使用步骤: 1.创建一个盒子,设置盒子的尺寸和小图尺寸相同 2.将精灵图设置为盒子的背景图片 3.修改背景图位置 精灵图的标签一般都用行内标签,如span,b,i: 背景图位置属性:b ...

  9. CSS3如何调整背景图片大小

    系列文章目录 CSS3实现半透明边框(1) CSS3实现多重边框(2) CSS3如何改变背景图片大小 系列文章目录 一.background-size 语法格式 二.参数详解 1.length 2.p ...

最新文章

  1. wireshark和tcpdump抓包TCP乱序和重传怎么办?PCAP TCP排序工具分享
  2. UCenter实现同步登陆原理
  3. 自学机器学习、深度学习、人工智能的学习资源集合
  4. 基于触发机制的脚本系统
  5. Centos网络驱动
  6. Spring Aop——给Advice传递参数
  7. php 生日提醒程序
  8. 国产 Java 代码补全神器,aiXcoder 2.0 实测
  9. SQL中WHERE子句介绍
  10. cboard企业版源码_数据可视化BI平台——CBoard的部署与使用(笔记整理)
  11. 地理信息系统导论第八版_地理信息系统导论(原著第8版)
  12. ValueError: matmul: Input operand 1 does not have enough dimensions (has 0, gufunc core with ...)
  13. word标题排序包括有汉字和罗马数字的标题排序
  14. Android终于要推出Google官方的二维码扫描库了?
  15. Scratch少儿编程(三)外观模块
  16. OPENGLES 绘制纹理带黑圈pre-multiplying
  17. OpenGL-绘制旋转立方体
  18. 专家教你10个秘诀 70%癌症都能预防
  19. 请求后台时对uri进行编码——即encodeURIComponent()的使用
  20. Android版本对照

热门文章

  1. 【转载】Python第三方库资源
  2. 国家版权局称中国软件盗版率已大降
  3. 【数据库查询--计算机、电脑系列】--查询价格最高的打印机型号。
  4. windows中如何给程序添加管理权限和添加数据保护(dep)
  5. Create BD link
  6. 全志平台通读写寄存器的方法
  7. 在职场中如何和同事处好关系是门艺术活
  8. Css margin和pandding的上下左右
  9. Android全面屏适配笔记
  10. centos7.x 搭建php运行环境