Html 不同浏览器中的图像位置不一致_Html_Css_Position

Html 不同浏览器中的图像位置不一致

html css

Html 不同浏览器中的图像位置不一致,html,css,position,Html,Css,Position,CSS/HTML新手。我有一个标志，我正在尝试在页面上的位置。在我的桌面上的Firefox、IE和Chrome上，它显示在我想要的位置。在我的MBPr上，它位于不同的位置（Chrome和Safari都显示在相同的位置。谢谢你的帮助我发现了#fsbg的把戏 CSS HTML 你想要一个可伸缩的背景吗？你可以使用纯CSS body { background: url(image.jpg) center no-repeat; background-size: cover; }

CSS/HTML新手。我有一个标志，我正在尝试在页面上的位置。在我的桌面上的Firefox、IE和Chrome上，它显示在我想要的位置。在我的MBPr上，它位于不同的位置（Chrome和Safari都显示在相同的位置。谢谢你的帮助

我发现了

#fsbg

的把戏

CSS

HTML


你想要一个可伸缩的背景吗？你可以使用纯CSS
body {
    background: url(image.jpg) center no-repeat;
    background-size: cover;
}   

这适用于现代浏览器。要在IE8及更低版本上使用，可以使用backgroundsize.htc
你想要达到什么？请解释为什么你已经拥有的东西没有达到你预期的效果。我正在尝试定位一个图像，但它在我的Macbook pro的safari和chrome中的不同位置出现在我的Windows桌面上。“有点低”谢谢你的回复，是的（这就是我寻求帮助的原因？）谢谢你的回复。不，不是背景，我只是想定位我发布的“gonenomadic”标志的屏幕截图，它只是一个png。在一个浏览器中它看起来不错，在另一个浏览器中它稍微低一点。
<body>
  <img src="image.jpg" name="fsbg" width="2880" height="1913" id="fsbg">
  <div id="logo"> 
    <img src="image.jpg" width="201" height="103">
  </div>
</body

body {
    background: url(image.jpg) center no-repeat;
    background-size: cover;
}