Question

我遇到了问题。我用CSS3转换制作了我的滑动菜单，但不幸的是IE不支持吗？有谁知道某种方法是否有解决方法？

首先将其作为默认值：

-webkit-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0); 
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;

通过javascript点击事件，我添加了这个：

$('.MobilMenuContent').css('-webkit-transform', 'translate(0, 0)', '-moz-transform', 'translate(0, 0)', '-ms-transform', 'translate(0, 0)', '-o-transform', 'translate(0, 0)', 'transform', 'translate(0,0)');

Answer 1

正如我所见[ HERE ]一切正常！你的意思是什么不起作用？
你的问题不够明确！

<强> CSS：

div {
  width: 5em;
  height: 5em;
  background: #ccc;

  -moz-transform: translate(100px, 0);
  -ms-transform: translate(100px, 0);
  -webkit-transform: translate(100px, 0);
  transform: translate(100px, 0);

  -moz-transition: all 1s;
  -o-transition: all 1s;
  -webkit-transition: all 1s;
  transition: all 1s;
}

<强> JS：

$('div').click(function() {
  $(this).css({
    '-moz-transform': 'translate(0, 0)',
    '-ms-transform': 'translate(0, 0)',
    '-webkit-transform': 'translate(0, 0)',
    'transform': 'translate(0, 0)'
  })
});

IE中的CSS3转换问题

1 个答案: