`
zhangyaochun
  • 浏览: 2595768 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

-ms-filter

阅读更多

 

     本文简单记录一下-ms-filter

 

     部分内容来自:http://msdn.microsoft.com/library/ms530752.aspx

 

     例子:http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/filter_8.htm

 

     结论

 

  •  IE8开始支持!
分享到:
评论

相关推荐

    网页整体变灰白色(兼容各浏览器)实例

    -ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: url(“data:image/svg+xml;utf8,<svg xmlns=\’http://www.w3.org/2000/svg\’><filter id=\’grayscale\’><feColorMatrix type=\’...

    Css filter 滤镜大全

    .filter-alpha { -ms-filter: "alpha(opacity=50)"; filter: Alpha(Opacity=50); } ``` 其中`Opacity`参数用于设置初始透明度,取值范围是0到100,0表示完全透明,100表示完全不透明。此外,还可以设置结束透明度...

    Filter过滤

    Filter过滤Filter过滤

    Html页面置灰css代码

    其中,-webkit-filter、-moz-filter、-ms-filter 和 -o-filter 是用于不同浏览器引擎的 filter 属性,用于实现置灰效果。filter 属性用于将 Html 元素转换为灰度图像,而 progid:DXImageTransform.Microsoft.Basic...

    通过样式把彩色图片变黑白图片

    -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); /* 兼容旧版IE浏览器 */ filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='...

    DIV+CSS中如何让整个页面变成灰色

    -ms-filter: grayscale(100%); /* 对于 Internet Explorer */ -o-filter: grayscale(100%); /* 对于老版本的 Opera */ filter: gray; /* 旧版 IE */ } ``` 在这个例子中,我们选择 `html` 元素,并为它应用了 `...

    CSS3滤镜及Canvas.docx

    -ms-filter: sepia(1); filter: sepia(1); } ``` 这将使元素变为完全的sepia色调。然而,旧版的IE浏览器不支持CSS3滤镜,所以需要寻找替代方案。 2. **IE滤镜** Internet Explorer(尤其是早期版本)使用特定...

    Alex-Word-Filter-MFC版

    Alex Word Filter MFC版,高效敏感词过滤的C++版本,效率比较Java版本提高了近10倍。能够过滤符号分割的敏感词,能够过滤Html文本中的敏感词。自带2400多词库,可以在线修改词库,分为文本过滤,带符号文本过滤以及...

    全站变灰代码 前端代码修改即可

    -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter: gray; /* IE 9 and earlier */ } ``` ...

    淘宝SDK模块代码 能兼容ie6ie7ie8以及firefox的css透明滤镜

    语法与`filter`相同,只是前缀多了`-ms-`,如`-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";`。 Firefox在较早版本中使用了`MozOpacity`,但在后来的版本中,它已经弃用了这个属性,转而...

    CSS边框阴影效果详细代码

    在示例中,针对IE8,使用了`-ms-filter`和`filter`属性。 ```css /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=120, Color='#1000')"; /* For IE 5.5 – 7 */ ...

    DIV圆角+阴影+浏览器兼容

    为解决兼容性问题,可以使用`-ms-filter`属性,结合`progid:DXImageTransform.Microsoft.Shadow`,如下: ```css <!--[if lt IE 9]> div { -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4,...

    CSS3实现圆角阴影渐变效果兼容IE等浏览器

    对于IE9及以下版本,我们需要使用微软的`-ms-linear-gradient`和`-ms-filter`,或者使用渐变图像作为背景。径向渐变的处理方式类似,但IE9及以下版本不支持,所以可能需要使用图片作为替代。 综上所述,CSS3的圆角...

    IE与Firefox的CSS兼容大全.rar

    其次,Firefox通常对CSS3新特性支持较好,如圆角`border-radius`、阴影`box-shadow`、渐变`linear-gradient`等,而IE则需要特定的滤镜(如`-ms-filter`或`filter`)来实现这些效果。同时,Firefox支持`calc()`函数...

    浅析几个CSS3常用功能的写法

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444',endColorstr='#999999',GradientType='0')"; /* IE8 */ } ``` Firefox使用`-moz-linear-gradient`,Safari和Chrome使用`-...

    web透明技巧-IE中的png图片透明

    在这个代码片段中,`opacity`属性用于非IE浏览器,而`-ms-filter`是IE专有的CSS扩展,用于设置`alpha`滤镜。 需要注意的是,虽然滤镜技术能解决IE的PNG透明问题,但它并不是一种标准解决方案,可能会影响页面性能。...

    使整个页面变灰 样式代码

    .filter-name { filter: grayscale(value); } ``` - `value` 是一个介于0到1之间的数字,或者介于0%到100%之间的百分比值。当`value`为1或100%时,元素完全变为灰度;当`value`为0或0%时,元素保持原样不变。 ###...

    各浏览器兼容问题

    - `-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";`:IE9及以上版本推荐使用。 - 其他浏览器: - `-moz-opacity: 0;`:Firefox 0.6~1.5。 - `-webkit-opacity: 0;`:WebKit内核浏览器。 -...

    网页变黑白色,兼容IE10、IE11

    -ms-filter: grayscale(100%); /* 对旧版IE的支持 */ filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); /* 对IE10、IE11的支持 */ transition: all 0.5s ease; /* 添加平滑过渡效果 */ } ```...

Global site tag (gtag.js) - Google Analytics