如何在IE7中使水平翻转的图像看起来很好

Question

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

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

这正确地跨浏览器翻转图像，但似乎IE＆lt; 10具有非常糟糕的渲染工件。有办法解决这个问题吗？唯一的选择是为我们项目中的每个图像保留一个镜像的png文件（这很多），所以这不是一个非常可行的解决方案。我附上了一张图片，显示了IE7在顶部和Chrome（看起来正确）在底部的问题。在普通语言中，文本位于左侧，图片位于右侧，但是从右到左的语言中，必须翻转，因此必须翻转箭头，以及“＃34; glow＆＃34” ;对文本的影响也是如此。

Answer 1

您可以尝试将过滤器应用于过滤器：<%= search_form_for @q do |f| %> <%= f.label :name_cont %> <%= f.search_field :name_cont %> <%= f.label :posts_date_start %> <%= f.search_field :posts_date_start %> <%= f.submit %> <% end %> <% @workers.each do |worker| %> <% worker.posts.group_by { |t| t.date.to_time.beginning_of_month }.each do |month, posts| %> <some table header logic> <% posts.each do |post| %> <table content> 。 您可以尝试的第二种方法是IE5.5-9的语法，如下所示：filter:fliph()，如MSDN推荐。 如果这没有帮助，您应该尝试Modernizr。