Javascript 如何使水平翻转的图像在IE7中看起来很好
我正在从事一个支持多种不同语言的项目。我们目前正在添加希伯来语,这是一种从右向左的语言。因此,我们的许多布局都必须镜像。我创建了一个脚本,可以自动执行很多操作,但是图像也必须镜像。我们有一个名为Javascript 如何使水平翻转的图像在IE7中看起来很好,javascript,html,css,internet-explorer-7,right-to-left,Javascript,Html,Css,Internet Explorer 7,Right To Left,我正在从事一个支持多种不同语言的项目。我们目前正在添加希伯来语,这是一种从右向左的语言。因此,我们的许多布局都必须镜像。我创建了一个脚本,可以自动执行很多操作,但是图像也必须镜像。我们有一个名为.rtl的类,它将水平翻转其中的任何内容(通常仅应用于图像)。课程安排如下: .rtl { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transf
.rtl
的类,它将水平翻转其中的任何内容(通常仅应用于图像)。课程安排如下:
.rtl {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
这可以正确地跨浏览器翻转图像,但IE似乎可以尝试将偏执应用于过滤器,如:
filter:fliph()
。
您可以尝试的第二种方法是IE5.5-9的语法,如下所示:filter:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1)
like。
如果这没用,你应该试试