如何通过jquery将div转换为特定位置

Question

我想通过Jquery转换div x和y位置。它将适用于所有浏览器，如IE 7，IE8，IE9和IE10，我尝试如下

<div id="s1" style="-ms-transform:translate(159,430)">
            hello
        </div>

但不再工作了。如何将div转换为可在IE7和IE8和IE9浏览器中运行的页面中的特定x和y位置。

该解决方案适用于从IE7到IE10的各种IE版本。

谢谢，

灰色

Answer 1

-ms-transform特定于IE浏览器。您需要添加其他浏览器特定的属性。

style="-ms-transform:translate(159,430); transform:translate(159,430); -webkit-transform:translate(159,430);"

Answer 2

您可以将div绝对定位，并将其设置为您想要的位置：

$("#s1").css("position", "absolute").animate({
    left: 159,
    top:  430
});

在第一位（调用css）中，您可能想要指定起始位置。

Live Example | Live Source

Answer 3

因为IE7和IE8不支持转换，所以你可以使用它：

$（“＃s1”）。css（“position”，“relative”）。animate（{left：159，top：430}）;

Answer 4

使用像px等单位

<style> 
.tt {
    width: 234px;
    height: 123px;
    background-color: #ABCDEF;
    transform:translate(159px,430px);
    -ms-transform:translate(159px,430px); /* IE 9 */
    -webkit-transform:translate(159px,430px); /* Safari and Chrome */
}
</style>
<div id="s1" class="tt">
    hello - use units like px
</div>