2

JQueryを使用して、親div「register_tile」内の「register_bottom_bar」というdivを174ピクセル上向きに変換したいと思います。ChromeとFirefoxで完全に機能するようになりました。

IEで同じことをするにはどうすればよいですか？IE8でテストしています。

「register_tile」は、より大きなdiv内のフローティングdivであり、「register_bottom_bar」は、position：relativeを使用して「register_tile」の下部にあります。

$('.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)');
});
4

2 に答える 2

1

古いバージョンの IE には、トランジション効果はありません (IE8 は CSS3 変換をサポートしていません) 。

それに近いものを得るために私が知っている唯一の方法は、JQueryのメソッドfadeIn()とfadeOut()メソッドを使用することです

-ms-transformie9に使用する必要があります

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

MSDN から

-ms-transform: translate(50px,100px); /* IE 9 */
-webkit-transform: translate(50px,100px); /* Safari and Chrome */
-o-transform: translate(50px,100px); /* Opera */
-moz-transform: translate(50px,100px); /* Firefox */
于 2012-12-12T06:25:49.203 に答える
1

古いバージョンの IE (6、7、8) のサポートが必要な場合は、プロパティ margin / position を代わりに使用する必要があります。

$('.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);
});
于 2012-12-12T06:41:21.957 に答える