Jquery-CSS与IE的翻译

我想使用JQuery将其父div“register\u tile”中名为“register\u bottom\u bar”的div向上转换174像素。我让它在Chrome和Firefox中完美运行

我怎样才能在IE中做同样的事情？我正在IE8上测试它

“register\u tile”是较大div中的浮动div，“register\u bottom\u bar”位于“register\u tile”的底部，位置为：relative

$('.register_tile').click(function () {
    $(this).css('opacity', '1');
    $(this).css('background-image', 'none');
    $('.register_bottom_bar').css('-webkit-transform', 'translate(0,-174px)');
    $('.register_bottom_bar').css('-moz-transform', 'translate(0,-174px)');
});

---

在旧版本的IE中没有任何类型的转换效果。（IE8不支持CSS3转换）

我所知道的唯一接近它的方法是使用JQuery的

fadeIn（）

和

fadeOut（）

方法

对于ie9，您需要使用

-ms transform

css(' -ms-transform', 'translate(0,-174px)');

---

---

如果您需要旧版本IE（6、7、8）的支持，则需要使用属性边距/位置

$('.register_tile').click(function () {
    $(this).css('opacity', '1');
    $(this).css('background-image', 'none');
    $('.register_bottom_bar').css('left', '-174px); // With absolute / relative positioning
    // OR
    $('.register_bottom_bar').css('margin-left', '-174px);
});

---

不确定IE8是否支持

translate

，您是否尝试过使用

mordenizr

？@badZoke我不知道

modernizer

。我马上就去试试。我明白你的意思了。但是这种转换在其他浏览器中很有魅力，我想要一个IE特有的解决方案。我应该至少能够将

register\u bottom\u bar

移动到所需位置而不产生任何效果，因为我希望在单击时显示一些文本框来代替其默认位置。完美。在IE上工作。谢谢你@Gabriel！我可以将

transition

应用到IE中吗？jQuery动画API正是我的程序所需要的。再次感谢@Gabriel<代码>：）

$('.register_tile').click(function () {
    $(this).css('opacity', '1');
    $(this).css('background-image', 'none');
    $('.register_bottom_bar').css('left', '-174px); // With absolute / relative positioning
    // OR
    $('.register_bottom_bar').css('margin-left', '-174px);
});