css 滤镜之AlphaImageLoader

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

Author:Marydon

ie滤镜特效之AlphaImageLoader

作用:

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

使用条件:

  低版本IE不支持属性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/[email protected]‘,  sizingMethod=‘scale‘);
}

  注意事项:

  a.该样式不能和背景图片样式 background-image:url(‘[email protected]‘);同时使用,否则他们两个都会显示;

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

原文地址:http://www.cnblogs.com/Marydon20170307/p/8110323.html

时间: 2024-10-17 23:34:38

css 滤镜之AlphaImageLoader的相关文章

关于ie6中使用css滤镜[_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/*.png',sizingMethod='scale')]后链接无法点击的问题

RT,我做的一个效果是试用png图做背景,通过_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/*.png',sizingMethod='scale');来实现,但是使用这个滤镜后,ie6下面的链接.按钮等都失效,无法点击网上搜索很多都是通过给链接加上position:relative;解决 不知道是我ie6绿色版本问题还是其他原因,我代码中加上这句无效…… 另:png透明的层我设置了绝对定位,貌似这个导

利用Js或Css滤镜实现IE6中PNG图片半透明效果 IE6PNG妥妥的

接下来介绍几种PNG图片在IE6中不透明的解决办法 1.用自己的PNG,让IE6一边去吧 首先制作PNG图片的时候,另存为一个GIF图片,因为IE6是支持GIF图片透明,然后在css定义 .pngtest{ background:url(mark.png); _background:url(mark.gif);} 优点:方便.快捷,使用超简单 缺点:对于PNG图片只是某些局域透明,该方法比较奏效,但图片要是半透明的话,这种方法就实现不了 该方法延伸的另外一种解决办法:用PS或者其他图片编辑工具把

CSS滤镜

使用滤镜,可以进行下对元素进行透明化的修饰. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta ht

CSS滤镜之Blur滤镜——模糊

Blur滤镜比较类似于ps里面的运动模糊效果. 语法: {FILTER:blur(add=add,direction=direction,strength=strength)} “ADD”参数是一个布尔判断“TRUE(默认)”或者“FALSE”.它指定图片是否被改变成印象派的模糊效果.模糊效果是按顺时针的方向进行的, “DIRECTION”参数用来设置模糊的方向.其中0度代表垂直向上,然后每45度为一个单位.它的默认值是向左的270度. “STRENGTH“值只能使用整数来指定,她代表有多少像素

CSS滤镜之Alpha滤镜——透明度

在CSS中有一个Alpha滤镜,这个滤镜可以设置目标元素的透明度.还可以通过指定坐标,从而实现各种不同范围的透明度. 具体语法如下:{filter: alpha(opacity=#opacity,finishopacity=#finishopacity,style=#style,startx=#startx,starty=#starty,finishx=#finishx,finishy=#finishy)} 具体参数含义如下:opacity 透明度.默认的范围是从0 到 100,他们其实是百分比

CSS 滤镜(IE浏览器专属其他浏览器不支持)

Filter 属性介绍: 设置或检索对象所应用的滤镜或滤镜集合.此属性仅作用于有布局的对象,如块对象.内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute,或者设定 display 属性为 block.请参阅对象的 hasLayout 属性.若要在img 对象上应用 shadow 滤镜,可以在该对象 img 对象的父容器上应用.滤镜的机制是可扩展的.通过利用 Microsoft? DirectX? Media SDK,你

CSS 滤镜 转

基本滤镜--可直接作用在对象上,并立即生效,主要有: 1).alpha--通道 2).blur--模糊 3)MotionBlur--移动模糊 4)Chroma--透明色 5)Drop Shadow--下落阴影 6)Flip--对称变换 7)Glow--光晕 8)GrayScale--灰度 9)Invert--反色 10)Mask--遮罩 11)Shadow--阴影 12)X-ray--X光效果 13)Emboss or Engrave--浮雕 14)Wave--波浪 高级滤镜--需配合JS等脚本

19,CSS 滤镜

1.Filter 属性介绍 2.Alpha 滤镜的使用 3.Blur 滤镜的使用 4.Filph.Filpv 滤镜 5.DropShadow 滤镜 6.Glow 滤镜 7.Gray ,Invert,Xray 滤镜 8.Shadow 滤镜 1 19.1 F Fr ilter  属性介绍 设置或检索对象所应用的滤镜或滤镜集合.此属性仅作用于有布局的对象,如块对象. 内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属 性为 absolute,或者

使用强大的 CSS 滤镜实现安卓充电动画效果

用安卓手机的同学肯定不陌生,这个是安卓手机在充电的时候的效果.看到这个我就很好奇,使用 CSS 能做到吗? 经过一番尝试,发现使用 CSS 也是可以很好的模拟这种动画效果: 知识点 拆解一下知识点,最主要的其实是用到了 filter: contrast() 以及 filter: blur() 这两个滤镜,可以很好的实现这种融合效果. 单独将两个滤镜拿出来,它们的作用分别是: filter: blur(): 给图像设置高斯模糊效果. filter: contrast(): 调整图像的对比度. 但是