CSS transform not working in Internet Explorer 7 and below

Question

I am using a CSS3 style-sheet to zoom images but it's not working in Internet Explorer 7 and below.

.resultitem{
  opacity: 0.75;
  transition: 0.75s ease-in-out;

}
.resultitem:hover {
  opacity: 1;
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
          display:block;
}

IE has only few version supporting released in last 2-3 years. else will not support — MarmiK, Apr 04 '13 at 05:17
:) it is also not working in [Mosaic](http://en.wikipedia.org/wiki/Mosaic_(web_browser)) or any old enough browser... So far your question have just a statement... — Alexei Levenkov, Apr 04 '13 at 05:18
CSS3 will not work till IE8, from 9 onward, you can have, and iE is having its own set of css classes, so you need to use them — amrit_neo, Apr 04 '13 at 05:19

n1xx1 · Answer 1 · 2013-04-04T07:27:12.917

IE9 supports CSS3 transformation with -ms-trasform but for older version there isn't any method but using a filter:

filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
    M11=1.3, M12=0,
    M21=0, M22=1.3);

Where 1.3 is your scale factor.

M11, M12, M21 and M22 are values of the transformation matrix that will be applied to the element.

Note that this matrix will not scale the rectangle in the center. The best way to resolve this is to use some negative margins, minus half width times the factor for the left margin and minus half height times the factor for the top.

Links:
- MSDN
- Transformation Matrix

web2008 · Answer 2 · 2013-04-04T05:22:05.170

0

The transform property is not supported in any browser.

Internet Explorer(IE9+) supports an alternative, the -ms-transform property (2D transforms only).

Firefox supports an alternative, the -moz-transform property (2D transforms only).

Opera supports an alternative, the -o-transform property (2D transforms only).

Safari and Chrome support an alternative, the -webkit-transform property (3D and 2D transforms).

edited Apr 04 '13 at 05:22

answered Apr 04 '13 at 05:16

web2008

914
4
11

2

Old news... many browsers now support unprefixed `transform` property. – duri Apr 04 '13 at 05:22
@web2008 Its possible to convert that code from css3 to css2? – nagaking Apr 04 '13 at 05:24
I don't think it's possible. If browser doesn't have support for any css3 selector then we can't provide that selector effect using css2. – web2008 Apr 04 '13 at 05:32

CSS transform not working in Internet Explorer 7 and below

2 Answers2

Linked