Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Chrome和Firefox的图像定位不同_Html_Css_Google Chrome_Browser - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html Chrome和Firefox的图像定位不同

Html Chrome和Firefox的图像定位不同

html css google-chrome browser

Html Chrome和Firefox的图像定位不同,html,css,google-chrome,browser,Html,Css,Google Chrome,Browser,我有两个图像，我想直接放置在彼此的顶部。这个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;

我有两个图像，我想直接放置在彼此的顶部。这个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>
它工作完美，除了铬合金。 在firefox和InternetExplorer中，它可以100%的工作，我可以坐下来点击刷新，这很好。在Chrome中，有时在页面加载或刷新时，背景图像会向右移动50%？ 我只是做了一个快速测试，刷新时有5/10次（一半的时间）它会向右移动。
有人知道是什么导致了这种情况吗？

假设您的前景图像和背景图像大小相同，似乎您正在尝试这样做：

<img id="foreground" style="margin-left:auto; margin-right:auto; background:url(&quot;background.png&quot;);" src="foreground.png" usemap="#map"/>
左侧的
边距：自动；右边距：自动将使图像在其父元素内居中
 停止使用标签，改用div！！使用
position:absolute
是否会有所不同？谢谢。我将改变div，我不适合从一些旧代码复制和粘贴：P更改为绝对不会对问题产生任何影响更改为使用div也没有任何影响您是否尝试指定图像的位置？示例：
左：0px谢谢，这将是一种更明智的方法！查看更多关于CSS背景的信息。