我一直在寻找广泛而且无法为我的小问题找到帮助。我不是专业人士，但我喜欢制作和修改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>
我明白我很笨好，请不要对我大喊
答案 0 :(得分：0)
很难避免这种情况，因为内容区域宽度为500px，并且随着屏幕变窄（甚至在桌面上），内容将开始覆盖图像。我更倾向于将整个页面包装在容器div中，并将图像作为背景放在其上，然后在容器上设置最小宽度。一种更简单的方法是删除当前的图像div，然后将这些样式添加到body元素：
body {
background: url(http://i43.tinypic.com/j7ca2u.png) no-repeat -250px 0;
min-width: 1200px;
}
但是，我并不太热衷于在body元素上设置最小宽度，因此最好将上面的这些样式添加到包裹整个页面的div中。