IE10及以上CSS滤镜失效（偶然发现）

在IE10中，已经采用HTML5标准[1]，DX Filters和VML分别用SVG和CSS3代替。

IE10以前版本曾使用的方法在IE10中已经失效。如下面的水平翻转滤镜在IE6中好使，但在IE10中无效：

<img src="38951706.jpg" width="200" height="100"  style="filter:FlipH"/>

在IE10中可用：

<img src="38951706.jpg" width="200" height="100"  style="transform:rotateY(180deg)"/>

来实现水平翻转。

CSS3滤镜用法示例可参考：
http://www.cnblogs.com/fsjohnhuang/p/4127888.html

DX滤镜用法可参考：

http://blog.sina.com.cn/s/blog_8a18c33d0100vdx7.html

参见：

[1] http://blogs.msdn.com/b/ie/archive/2012/06/04/legacy-dx-filters-removed-from-ie10-release-preview.aspx

IE10及以上CSS滤镜失效（偶然发现）相关推荐

关于IE6下CSS选择器失效的问题
2019独角兽企业重金招聘Python工程师标准>>> 前2天在实习公司做了1张网页,在其他所有浏览器上都表现的比较好,唯独IE6下后半部分CSS完全失效,前半部分者是完好的.开始以 ...
CSS滤镜实现鼠标悬停图片变黑白(灰色)
文章目录前言一.思路分析 1.样式代码二.具体实现 1.全部源码 2.效果结语前言这几天在清理电脑文件夹,发现了N年前的一些小demo,顺手记录一下,都是一些比较简单的案例,话不多说了 ...
本机配置nginx后css样式失效
现象:nginx启动后,js.html可以加载,但是引用的css样式失效. 原因:nginx配置问题发现过程: 查看引用失效的css文件后发现请求头中Accept为text/css ...
JavaScript使用事件onclick导致css样式失效问题
问题:JavaScript使用事件onclick导致css样式失效首先,我们用以下代码得到的是一个样式没有失效的红色"超链接",如下图1 代码1: <!DOCTYPE ht ...
火狐谷歌chrome等浏览器支持一些css滤镜
问题: filter:alpha(opacity=60)只在IE起作用,火狐.谷歌不支持解决方法: 将原有的"filter:alpha(opacity=60)&qu ...
CSS滤镜—使整个网页变成灰色
为追思疫情中逝世的同袍们,将4.4日定为了全国哀悼日,这一天,全世界都是"灰"的.当然我们感觉最深应该就是这一天你打开任何网站.软件,都是灰灰的一片.收到几个人的提问:" ...
html中hover无法触发,如何让css hover 失效
让css hover失效的原因:1.在CSS定义中,"a:hover"没有被置于"a:link"和"a:visited"之后:2.在CSS定 ...
html图片加波浪滤镜,CSS滤镜wave属性(波形滤镜)
[实例介绍] CSS滤镜wave属性(波形滤镜) wave滤镜用来把对象按照垂直的波纹样式打乱.waVe的表达式还是比较复杂的,它一共有5个参数. [基本语法] filter:wave(add=参数值 ...
html 文字倒映效果,HTML图片CSS滤镜—倒影效果
this.p={ m:2, b:2, loftPermalink:'', id:'fks_082064085083080066093086082095083084084067083083082065' ...

IE10及以上CSS滤镜失效（偶然发现）

IE10及以上CSS滤镜失效（偶然发现）相关推荐

最新文章

热门文章