IE中的CSS3转换问题
我有个问题。我用CSS3转换制作了我的滑动菜单,但不幸的是IE不支持这个功能?有人知道它是否有修复方法吗 它首先将此设置作为默认设置:IE中的CSS3转换问题,css,internet-explorer,Css,Internet Explorer,我有个问题。我用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-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)');
在我看来一切都很好你说它不工作是什么意思?
你的问题不够清楚 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;
}
$('div').click(function() {
$(this).css({
'-moz-transform': 'translate(0, 0)',
'-ms-transform': 'translate(0, 0)',
'-webkit-transform': 'translate(0, 0)',
'transform': 'translate(0, 0)'
})
});
JS:
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;
}
$('div').click(function() {
$(this).css({
'-moz-transform': 'translate(0, 0)',
'-ms-transform': 'translate(0, 0)',
'-webkit-transform': 'translate(0, 0)',
'transform': 'translate(0, 0)'
})
});
你到底在用这个变换做什么?在不知道你目前正在做什么的情况下,不可能得出类似的结果。我刚刚编辑了这篇文章,所以你可以看到我正在做什么;)