如何使水平翻转的图像在 IE7 中看起来不错答案

【问题标题】：How to make horizontally flipped images look good in IE7如何使水平翻转的图像在 IE7 中看起来不错
【发布时间】：2015-07-31 15:33:07
【问题描述】：

我正在开发一个支持多种不同语言的项目。我们目前正在添加希伯来语，这是一种从右到左的语言。正因为如此，我们的很多布局都必须镜像。我创建了一个脚本，它会自动完成很多工作，但图像也必须被镜像。我们有一个名为.rtl 的类，它将水平翻转其中的任何内容（通常仅适用于图像）。类如下：

.rtl {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

这可以正确地跨浏览器翻转图像，但 IE

【问题讨论】：

标签： javascript html css internet-explorer-7 right-to-left

【解决方案1】：

您可以尝试将括号应用于您的过滤器，如下所示：filter:fliph()。您可以尝试的第二种方法是 IE5.5-9 的语法，如下所示：filter: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1) like MSDN 推荐。如果这没有帮助，您应该尝试Modernizr。

【讨论】：