修復圖像，使其不會移動取決於屏幕分辨率？

Question

我一直在尋找廣泛的，並沒有能夠找到我的小問題的幫助。我不是專業人士，但我喜歡製作和修改tumblr主題作爲愛好。又名我自稱，不太好，所以請和我一起裸照。

我有一個人固定在我的tumblr佈局（我的tumblr是tsuzami.tumblr.com）的背景的圖像，它看起來像我的屏幕分辨率爲1366 x 768; http://oi39.tinypic.com/5x0f1g.jpg

，但使用不同的屏幕分辨率上screenfly預覽時，此人被置於尷尬的位置，這顯然看起來愚蠢; http://oi44.tinypic.com/f2yab.jpg

如何將這張照片鎖定在我打算使用的相同位置而不管分辨率？這是我用於圖像的代碼;

<div style="position:fixed; top: 0px; left:-140px; z-index:-2;"><img src="http://i43.tinypic.com/j7ca2u.png"></div> 

我明白，我是啞巴好了，請不要罵我

Answer 1

這是很難避免的是，作爲內容區域是500像素寬，並且隨着屏幕越走越窄（即使在桌面上）內容將開始覆蓋圖像。我會更傾向於將整個頁面包裝在容器div中，並將圖像作爲背景放在該容器div上，然後在容器上設置最小寬度。一個簡單的方法是刪除你有一個形象的div目前，只是這些樣式添加到body元素：

body { 
background: url(http://i43.tinypic.com/j7ca2u.png) no-repeat -250px 0; 
min-width: 1200px; 
} 

不過，我不是太熱衷於在body元素上設置最小寬度，所以最好將這些樣式添加到包裝整個頁面的div中。