Question

需要帮助!!我在我的页面上有这个，它在chrome，firefox和IE中完美运行。

但是当我使用Safari和Opera检查时，它会显示如下所示的结果

这很奇怪，因为它可以在某些设备上正常工作，但不是全部。

我找到了来自here的解决方案，我删除了margin:0 auto，结果仍然相同。我有第二种选择吗？除了改变为抵消。

点击此处查看完成的代码：jsFiddle

Answer 1

即使我遇到了同样的问题。有时浏览器会加载缓存的数据。所以尝试在私人模式下重新加载它。它有时可能会起作用。

Answer 2

我通过将margin-left=1px添加到trapezium css代码中解决了这个问题，如下所示

#trapezium {
  width:1511px;
  height:1070px;
  z-index:80;
  position:fixed; 
  margin-left: 1px; }

但我不知道为什么margin-left可以解决我的问题。有人知道吗？

Answer 3

position（）涉及相对于包含DOM元素的位置，而不是屏幕上的位置。差异可能是由于Webkit浏览器中元素层次结构的呈现方式不同而不是jQuery中的错误。

您必须检查元素层次结构以找出导致问题的DOM元素，或者，如果您想要相对于窗口边界内元素的位置定位工具提示，请使用offset（）而不是

注意： - 即使它不起作用，只需将浏览器更新到最新版本。