2012-04-24 83 views
1

如果我想移動圖像像div和50像素從左邊的頂部50像素(我說的不是動畫,是填充我應該使用?)移動圖像在一個div HTML5 CSS3

<header> 
<img src="logo.png" alt="" /> 
</header> 

header { 
width... 
height: 
background: (url) 
} 

回答

1

您可以指定圖像作爲背景:

<header></header> 

CSS:

header { 
    background-image:url(logo.png) 50px 50px; 
} 

或者,使用absolute定位:

CSS:

header { position:relative; } 
header img { 
    position:absolute; 
    top:50px; 
    left:50px; 
} 
+0

不,我已經有一個標題圖片...我有一個「標誌」的形象了它,我想從左側和頂部的標題IMG :) – John 2012-04-24 20:06:34

+0

移動50像素@約翰:請參閱最新的答案。 – Sarfraz 2012-04-24 20:07:20

+0

感謝您的幫助,如果您想要解釋職位空缺的工作方式嗎?不需要壽,但將不勝感激,我標記你的答案一樣好! – John 2012-04-24 20:09:14

0

我認爲你正在尋找的解決方案是:

頭{ 填充:50px的0像素0像素50像素 }

這將創建從頂部50px和從標題左側50px的填充

謝謝, A.