保持徽標居中，但在瀏覽器調整大小時也是固定的

-2

如何將此徽標修復爲位於頁面的中心頂部，並且不會隨着瀏覽器更改大小而移動，因此當瀏覽器更改大小時，徽標會保留在其中舊的位置，並不會重新定位自己。保持徽標居中，但在瀏覽器調整大小時也是固定的

這是我目前的CSS

CSS

#logo { 
position:absolute; 
background-image:url(../img/LOGO1.png); 
background-size:150px; 
width:150px; 
height:150px; 
margin:0 auto; 
z-index:1; 
top:0px; 
margin: 0 auto; 
left:0px; 
right:0px; 
}

謝謝你們的幫助

來源

2014-01-28 user3241684

請提供jsfiddle – Radian

我在js小提琴中添加什麼？ – user3241684

職位：固定;將做一些考慮，但應考慮：P請提供一個小提琴...... :) –

CSS

body 
{ 
    height: 1000px; 
} 
#logo { 
position:absolute; 
background-image:url('http://i.stack.imgur.com/DUYP4.jpg?s=128&g=1'); 
background-size:150px; 
width:150px; 
height:150px; 
position: fixed; 
margin:0 auto; 
z-index:1; 
top:0px; 
margin: 0 auto; 
left:0px; 
right:0px; 
}

HTML

<div id="logo"> 
</div>

Fiddle

來源

2014-01-28 13:23:08 Karuppiah

這是我在Dreamweaver中已經做的，我試圖讓圖片卡住，所以它根本不會移動，當瀏覽器大小水平變化時 – user3241684

它將不會移動，而且您會喜歡它，它將位於中心位置？ –

刪除您的保證金，左，右的屬性，並添加這一個：

margin-left:100px;

這樣一來，你的形象將永遠是100像素的權利。

#logo { 
    position:absolute; 
    background-image:url(../img/LOGO1.png); 
    background-size:150px; 
    width:150px; 
    height:150px; 
    z-index:1; 
    top:0px; 
    margin-left:100px; 
}

來源

2014-01-28 15:14:08 reese

保持徽標居中，但在瀏覽器調整大小時也是固定的

回答

相關問題