【发布时间】：2012-02-08 15:30:43
【问题描述】：
我有两个图像，我想将它们直接放置在彼此之上。这个 HTML 经常由脚本生成，所以我将 CSS 直接包含在 HTML 本身中。
<div style="text-align:center">
<img id="background"
style="position: absolute; z-index: 1; "
src="background.png"/>
<img id="foreground"
style="position: relative; z-index: 10; "
src="foreground.png" border="0" usemap="#map"/>
</div>
除了在 Chrome 中外，它运行良好。 在 Firefox 和 Internet Explorer 中，它 100% 的工作时间，我可以坐下来点击刷新，这很好。在 Chrome 中，有时在页面加载或刷新时背景图像似乎向右移动了 50%？ 我刚刚做了一个快速测试，5/10 次（一半的时间）它似乎会在刷新时向右移动。 有谁知道是什么原因造成的？
【问题讨论】：
-
停止使用
标签，改用div！！ -
使用
position: absolute有什么不同吗？ -
谢谢。我将更改 div，我不适合从一些旧代码中复制和粘贴：P 更改为绝对不会对问题产生任何影响
-
改用 div 也没有任何影响
-
您是否尝试过指定图像的位置？例如：
left: 0px;
标签： html css google-chrome browser