背景图片大小兼容ie
小时刻个人博客: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相关推荐
- android页面设置背景图片大小,android页面设置background为图片后,页面滑动掉帧问题...
最近接手的一个android项目里面,有个viewpager+3个fragment的页面,就是很常见的可以左右滑动切换页面的那种布局.接手的时候告诉我,这个页面有卡顿现象,性能需要优化.一开始觉得是f ...
- 怎么修改背景图片大小的HTML代码,css如何改变背景图片大小?
我们现在经常会用到CSS,在编写过程中,会遇到CSS背景图像大小设置的问题.那么css如何改变背景图片大小?下面本篇文章就来给大家介绍一下,希望对大家有所帮助. 在CSS中,想要改变背景图片的大小,可 ...
- html5中背景图片的大小怎么调,css中怎么改变背景图片大小?
在CSS中,想要改变背景图片的大小,可以通过设置background-size属性来实现.下面本篇文章就来给大家介绍一下使用background-size属性改变背景图片大小的方法,希望对大家有所帮助 ...
- java改变背景图片大小_java编写界面设置 背景图片的大小
设置背景图片大小跟电脑屏幕大小一致: 方法: ImageIcon background = new ImageIcon("res\\index.jpg"); Dimension s ...
- css设置div背景图片大小,适应宽度
问题: 没有通过css设置背景图片大小时候,背景图按照真实图片大小展示,会出现超出或者过小情况,如下是图片width:1920px 超出页面设计的1320px,效果如下 真实图片是这样的 解决方法 通 ...
- YDOOK : CSS div 设置背景图片大小自动缩放
YDOOK : CSS div 设置背景图片大小自动缩放 设置示例: 选择器{width:100%;height:100%;background-repeat:no-repeat:background ...
- Web前端,CSS背景图片大小、文字阴影、盒子阴影、过渡
前言 持续学习总结输出中,今天分享的是Web前端,CSS背景图片大小.文字阴影.盒子阴影.过渡 背景图片大小 background-size:宽度 高度; 设置背景图片的大小 取值 场景 数字+px ...
- 小兔鲜项目搭建-精灵图、背景图片大小、盒子阴影、过渡
1.1精灵图: 使用步骤: 1.创建一个盒子,设置盒子的尺寸和小图尺寸相同 2.将精灵图设置为盒子的背景图片 3.修改背景图位置 精灵图的标签一般都用行内标签,如span,b,i: 背景图位置属性:b ...
- CSS3如何调整背景图片大小
系列文章目录 CSS3实现半透明边框(1) CSS3实现多重边框(2) CSS3如何改变背景图片大小 系列文章目录 一.background-size 语法格式 二.参数详解 1.length 2.p ...
最新文章
- wireshark和tcpdump抓包TCP乱序和重传怎么办?PCAP TCP排序工具分享
- UCenter实现同步登陆原理
- 自学机器学习、深度学习、人工智能的学习资源集合
- 基于触发机制的脚本系统
- Centos网络驱动
- Spring Aop——给Advice传递参数
- php 生日提醒程序
- 国产 Java 代码补全神器,aiXcoder 2.0 实测
- SQL中WHERE子句介绍
- cboard企业版源码_数据可视化BI平台——CBoard的部署与使用(笔记整理)
- 地理信息系统导论第八版_地理信息系统导论(原著第8版)
- ValueError: matmul: Input operand 1 does not have enough dimensions (has 0, gufunc core with ...)
- word标题排序包括有汉字和罗马数字的标题排序
- Android终于要推出Google官方的二维码扫描库了?
- Scratch少儿编程(三)外观模块
- OPENGLES 绘制纹理带黑圈pre-multiplying
- OpenGL-绘制旋转立方体
- 专家教你10个秘诀 70%癌症都能预防
- 请求后台时对uri进行编码——即encodeURIComponent()的使用
- Android版本对照