如何將照片放在我網站標題的左上角

Question

這是我的site。
我想將客戶服務主管的照片放在網站標題的左上角，該標題現在是空的。

我該怎麼做？ 我無法弄清楚爲什麼放置在#header中的圖形沒有放在左側有一些空間的左上角。

我想單獨添加照片。如果我不能，那麼我可以將照片與現有圖形標題（包含公司徽標..）合併。
哪個會是最好的選擇？

Answer 1

首先，公司徽標圖片是背景圖片，因此它不會受到任何放在div＃標頭內的任何內容的影響。它確實不需要成爲背景，但它並不會傷害任何事情。我將在Photoshop中刪除漸變，並將其另存爲具有透明背景的PNG。這將解決與排隊梯度問題。

至於插入圖像，你可以做到這一點 -

HTML -

<div id="header"><img src="path/to/executive/image.jpg" /></div> 

CSS -

#header{background:url(path/to/logos/image.png) no-repeat XXXpx 0px;} 

您將需要一個尺寸至少相同的寬度，以取代XXXpx或大於要顯示的圖像，以便徽標不會顯示在該圖像下方。