css 滤镜之AlphaImageLoader

摘要:
必要性和默认值:默认值为image。选项可用。第三个参数是src。目的:使用绝对或相对url地址指定背景图像。
 

CreateTime--2017年12月25日17:05:37

Author:Marydon

ie滤镜特效之AlphaImageLoader

作用:

  用于设置背景图片特效样式

使用条件:

  IE8及以下版本不支持属性background-size,可以使用AlphaImageLoader来代替

语法:

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

第一个参数:enabled

用途:设置或检索滤镜是否激活。

对应参数值:布尔值(Boolean),true|false

必要性及默认值:默认值为true,可选项

第二个参数:sizingMethod

用途:设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。

对应参数值:字符串(String),crop|image|scale

参数值说明:

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

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

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

必要性及默认值:默认值为image,可选项

第三个参数:src

用途:使用绝对或相对 url 地址指定背景图像。

对应参数值:字符串(String)。

必要性及默认值:必选项,无默认值。

举例: 

body {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='C:/Users/Marydon/Desktop/welcome@2x.png',  sizingMethod='scale');
}

  注意事项:

  a.当滤镜特效和背景图片样式 background-image:url();同时可以使用时,滤镜特效优先起作用;

 css 滤镜之AlphaImageLoader第1张

  b.使用滤镜控制的背景图片会随着实际内容高度的变化而变化。 

 

免责声明:文章转载自《css 滤镜之AlphaImageLoader》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Eclipse 3.5使用dropins的插件安装方式破解中国电信华为无线猫路由(HG522-C)自己主动拨号+不限电脑数+iTV下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

css中height 100vh的应用场景,动态高度百分比布局,浏览器视区大小单位

css中height 100vh的应用场景,动态高度百分比布局,浏览器视区大小单位 height:100vh 一些只能vw, vh才能完成的应用场景: 1. 场景之:元素的尺寸限制 vw vh 主要是实现了动态高度百分比布局,比如宽高比不固定的图片,vw很轻易的实现正方形图片缩略图原始大图的尺寸限制问题——因为很有可能图片过大,尼玛一屏显示器区域不够放,我...

10个顶级的CSS UI开源框架

随着CSS3和HTML5的流行,我们的WEB页面不仅需要更人性化的设计理念,而且需要更酷的页面特效和用户体验。作为开发者,我们需要了解一些宝贵的CSS UI开源框架资源,它们可以帮助我们更快更好地实现一些现代化的界面,包括一些移动设备的网页界面风格设计。本文分享了10个顶级的CSS UI开源框架,有几个确实不错,一起来看看。 1、Bootstrap – 最...

css3动画:执行前不显示,执行后显示

今天做一个轮播,轮播图上使用animation。需求是当滚动到当前图片时,图片中的div从无到有逐渐显示, 遇到的问题是:页面刷新时,此图片上的div可以从无到有,但第二次滚动到此图片时,总是先显示一下div,然后再执行动画 网上查的方法: 1.使用animation-fill-mode,失败 2.animationStart、animationIter...

Html属性标签

 跑马灯 <marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 <marquee behavior=scroll>...</marquee>预设卷动 <marquee behavior=altern...

使用@supports完美兼容CSS属性

今天写微信小程序遇到一个问题:给page加 150rpx 的 padding-bottom 值,我考虑到 iphone X 系列的底部黑线,参考我之前写的css属性——env()和constant()设置安全区域;所以我这样写: page{ padding-bottom: calc( constant(safe-area-inset-bottom) +...

css 样式(checkbox开关、css按钮)

checkbox开关 css .iosCheck { /*Blue edition */ }.iosCheck input {display:none; }.iosCheck i {display:inline-block;cursor:pointer;padding-right:25px;transition:all ea...