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のサファリとクロムでは、少し低くなっています。

4

1 に答える 1