不同瀏覽器的圖片位置不一致

CSS/HTML新手。我有一個標誌，我試圖在頁面上的位置。在我的桌面上的Firefox，IE和Chrome中，它顯示在我想要的位置。在我MBPr它在不同的位置（Chrome和Safari都在同一位置顯示出來。感謝您的幫助。不同瀏覽器的圖片位置不一致

我發現#fsbg招here

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中，它有點低。

來源

2013-10-22 Shoegazer

您想要達到什麼？ – ncm

請解釋爲什麼你已經不像你期望的那樣工作。 – mavrosxristoforos

我試圖定位圖像，但它出現在我的Mac桌面上的Safari和Chrome上的不同位置。 – Shoegazer

你想要一個可擴展的背景嗎？你可以使用純CSS

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

這適用於現代的瀏覽器。對於在IE8及更低版本上使用，您可以使用backgroundsize.htc https://github.com/louisremi/background-size-polyfill

來源

2013-10-22 06:16:28 pwavg

感謝您的回覆。不，沒有背景，我只是試圖定位'gonenomadic'的標誌，我張貼了截圖，它只是一個PNG。在一個瀏覽器中，它看起來很好，而在其他的稍微低一點。 – Shoegazer

不同瀏覽器的圖片位置不一致

回答

相關問題