ポジションの背景画像

Question

私はおそらく非常にシンプルなものを尋ねるつもりですが、私はここで苦労しています。

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; 

} 

（それを中央に問題を抱えて）私は流体-固定流体のCSSと3枚の写真で1つのバージョンをやったが、それについて、私は完全に満足していません。

ご協力いただければ幸いです。

Answer 1

HTMLの例を見ることなく、バックグラウンド位置のCSSプロパティを使用することをおすすめします。

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