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是你所需要的。