在IE8中翻转、镜像图像 - CSS

6

如何在IE8中翻转图像?

-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";

这在大多数浏览器中都可以正常运行,但在IE8中会出现问题。


1
IE8不支持CSS3,您必须使用polyfill。例如,http://www.useragentman.com/blog/2010/03/09/cross-browser-css-transforms-even-in-ie/。 - Pavel
CSSSandpaper polyfill可能会有所帮助,但说实话,有时候你只能接受IE8是一个旧浏览器,没有像这样的功能。 - Spudley
1个回答

8

filter:fliph应该在IE4-8中正常工作,即使没有-ms-前缀(该前缀仅适用于IE8的早期测试版)。可能您应该像这个演示建议的那样添加括号filter:fliph()。您也可以尝试更新的IE5.5-9语法-filter: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)(如MSDN推荐)。

旧版IE需要为元素设置布局才能将过滤器应用到它上面(如何使元素具有布局,在此描述中),但据我所知,IE8则不需要。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接