0

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

我在这里#fsbg找到了诀窍

CSS

#fsbg {
  height: 100%; width: 100%;
  position: fixed;
  z-index: -100;
  left: 0px; top: 0px;
  min-height: 100%;
  min-width: 1040px;
}

#logo {
  position:absolute;
  left:400px;
  right:0;
  top:46px;
  bottom:0px;
  width:100%;
}

#body { font-family: Arial; }

HTML

<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

这就是它的样子（“gonenomadic”标志）http://i40.tinypic.com/2qkm3qc.jpg

在我的 MBPr 上的 safari 和 chrome 中，它有点低。

4

1 回答 1

0

你想要一个可扩展的背景？你可以使用纯 CSS

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

这适用于现代浏览器。要在 IE8 及更低版本上使用，您可以使用 backgroundsize.htc https://github.com/louisremi/background-size-polyfill

于 2013-10-22T06:16:28.413 回答