html - 如何使图像留在背景的某些部分

Question

我有一个背景图像，CSS的大小是封面，所以它调整大小，因为浏览器窗口调整大小。但是当我放置图像时，我如何定位它们以便它们根据背景停留在某个位置？我试着用left：... px和top：... px，我知道为什么这样做不起作用，因为当我调整窗口大小时，它将停留在远离左侧和顶部的那个位置，但是解决方案是什么？我希望图像按比例调整到有多大窗口/背景和停留在某个位置上的背景

Answer 1

使用与％的

HTML绝对定位：

<div id="foo"></div> 

CSS：

#foo{ 
    position:absolute; 
    top:10%; 
    left:20%; 
} 

对于您可以使用绝对位置，固定，或相对取决于最好的套房。

固定：相对于浏览器窗口;

相对的：相对于天然位置

绝对：相对于第一定位的祖先

Answer 2

我真的不明白你的问题（也许你应该尝试把一些代码或创建的jsfiddle）。

但我认为你应该看看css3 background-size属性。

我猜this sample from W3C是你所需要的。