CSS和Safari：图像位置

Question

我对使用this page的Safari上的图片位置有疑问。

首先，在Chrome，Firefox和Internet Explorer上，结果是正确的：

但在Safari上有一个问题：

有CSS：

span.boy_hand {
    background:url(../img/hand_png.png) no-repeat;
    height:35px;
    width:51px;
    position:fixed;
    top:470px;
    margin-left:-32px;
}

你能告诉我它的来源吗？

Answer 1

只需使用left属性而不是margin-left将图像设置在正确的位置。 不同的浏览器会为位置固定元素猜测不同。所以bext pactice将包含元素的left和top属性

    span.boy_hand {
background:url(../img/hand_png.png) no-repeat;
height:35px;
width:51px;
position:fixed;
top:470px;
left:32px;  /*  Set left property as per your need,I just simple reused your code */
 }