Search code examples
javascriptcssinternet-explorertransformparallax

CSS transform:rotateX for Internet Explorer

I'm making a website (Parallax web page) that has parallax elements in it. Right now the parallax part seems to work fine in Firefox and Chrome, but not in IE.
There is the 'js/forest_unfixed.js' that applies calculations on the not working id="cont-3d" div. I'm trying to do

cont3d.style["-ms-transform"] = "rotateX("+(90+(dyn_ratio)*(yPos/maxy))+"deg)";
cont3d.style.transform = "rotateX("+(90+(dyn_ratio)*(yPos/maxy))+"deg)";

I also tried using Modernizr, but it's the very same result. What am I doing wrong?

Solution

  • The problem there could be that IE doesn't play nice with nested 3d elements. Take a look at this answer:

    CSS3 3D Transform doesn't work on IE11