位置背景圖片

Question

我可能會問一些很簡單的，但我掙扎在這裏。

我有圖象被verticaly切成2塊。中間部分是div的背景，它假設始終位於頁面的中心。其他作品中間透明，兩面都有圖案。我希望兩側的圖形根據屏幕分辨率隱藏/顯示更多/更少，但始終位於中間，因此它始終與中間的圖案匹配。

這裏是我的基本的CSS：

* { padding: 0; margin: 0; } 

body { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 13px; 
background: url(img/outerpic.png) no-repeat; 
} 
#wrapper { 
margin: 0 auto; 
width: 1090px; 
} 
#content { 
width: 1090px; 
background: url(img/innerpic.png) no-repeat; 

} 

我已經做了1個版本液固定流體CSS和3張圖片，但我不是它完全滿意（有問題，居中）。

任何幫助將不勝感激。

Answer 1

不看任何HTML例子，我的建議是使用的背景位置的CSS屬性。

http://www.w3schools.com/cssref/pr_background-position.asp