css 滤镜之AlphaImageLoader「建议收藏」

css 滤镜之AlphaImageLoader「建议收藏」CreateTime–2017年12月25日17:05:37Author:Marydonie滤镜特效之AlphaImageLoader作用:用于设置背景图片特效样式使用条件:IE8及以下

大家好,又见面了,我是你们的朋友全栈君。

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「建议收藏」

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

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/155499.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长

相关推荐

  • Numeric Keypad

    Numeric Keypad题目描述Thenumberickeypadonyourmobilephonelookslikebelow:123456789 0 supposeyouareholdingyourmobilephonewithsinglehand.Yourthumbpointsatdigit1.Eachtimeyoucan1)press

    2022年6月10日
  • C语言实现推箱子游戏

    C语言实现推箱子游戏很早就想过做点小游戏了,但是一直没有机会动手。今天闲来无事,动起手来。过程还是蛮顺利的,代码也不是非常难。今天给大家分享一下~一、介绍开发语言:C语言开发工具:Dev-C++5.11日期:2019年9月28日作者:ZackSock也不说太多多余的话了,先看一下效果图:游戏中的人物、箱子、墙壁、球都是字符构成的。通过wasd键移动,规则的话就是推箱子的规则,也就不多说了。二、代…

    2022年5月18日
  • 京东云服务器_docker 京东自动签到

    京东云服务器_docker 京东自动签到众所周知,京东的京豆可以在付款时抵扣现金支付,多攒京豆还是能省下一部分钱的,而且京豆的获取页很简单,其中一种就是通过签到的方式获得,而每天手动签到实在太过麻烦,如果能实现自动化就好了,这时,依靠于openwrt,京东自动签到插件就诞生了,在路由器上设置一下便可以一劳永逸,无需人工全部自动化完成,签到后可以自动将签到详细结果推送到手机的微信上,这种签到方式是在自己的路由器上,完全不用担心安全和隐私泄…

    2022年9月17日
  • 多态的基本知识<多态的前提是继承哟!!!!>

    多态的基本知识<多态的前提是继承哟!!!!>

    2021年5月24日
  • flume整合kafka

    flume整合kafka整合流程Flume发送数据到Kafka上主要是通过KafkaSink来实现的,主要步骤如下:1.启动Zookeeper和Kafka这里启动一个单节点的Kafka作为测试:#启动ZookeeperzkServer.shstart#启动kafkabin/kafka-server-start.shconfig/server.properties2.创建主题创建一个主题flume-kafka,之后Flume收集到的数据都会发到这个主题上:#…

    2022年6月23日
  • python py库安装_pygame怎么用

    python py库安装_pygame怎么用最详细python安装库的方法!!!到此第一种方法结束第二种方法(在终端安装库)win+r:打开运行输入cmd然后cd到你的python解释器下的scripts中(比如我的路径是D:\ProgramFiles(x86)\python\Scripts)找到这个路径后下面就开始安装cd到了scripts中就输入以下三个任意一个进行库的安装安装pipinstall………

    2022年10月2日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号