6

As above how can i flip image in IE8.

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

This works fine but not in IE8

Spudley
  • 166,037
  • 39
  • 233
  • 307
user2537093
  • 139
  • 2
  • 9
  • 1
    ie8 doesnt support css3, u have to use polyfil. for example http://www.useragentman.com/blog/2010/03/09/cross-browser-css-transforms-even-in-ie/ – Pavel Jul 08 '13 at 11:00
  • CSSSandpaper polyfill may help with this, but top be honest there are times when you just have to accept that IE8 is an old browser and doesn't have features like this. – Spudley Jul 08 '13 at 11:57

1 Answers1

8

filter:fliph should work in IE4-8, even without -ms- prefix (which was needed only for early beta versions of IE8). Probably you should add parentheses filter:fliph() as this demo suggests. You can also try the newer IE5.5-9 syntax — filter: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1) (as MSDN recommends).

Older IE versions required the element to have layout to apply filters to it (how to make an element have layout, is described ), but, AFAIK, IE8 doesn't require it.

Bryan Downing
  • 15,194
  • 3
  • 39
  • 60
Ilya Streltsyn
  • 13,076
  • 2
  • 37
  • 57