css - CSS 垂直センタリング分割背景画像が重なっていない

Question

2 つの画像を垂直方向に分割し、ブラウザのサイズを変更するときに、重複せずに垂直方向の中央に配置することはできますか?

左側の画像を固定したままにして、右側が途切れないようにすることはできますか (オーバーラップ)

これは私が今持っているものですが、ブラウザのサイズを小さくすると、左の画像が右の下に押し込まれます。むしろ、画像が外側で切り取られ、中央で互いに重ならないようにするのは理にかなっていますか?

#wrapper {
 width:1680px;
 max-width:1680px;
 height:500px;
 margin: 0 auto;
}
#left-image {
 width: 50%;
 position:absolute;
 left: auto;
 height:500px;
}
#right-image {
 width: 50%;
 position:absolute;
 right: 0px;
 height:500px;
}

Answer 1

このjQueryプラグインを試しましたか？

http://plugins.jquery.com/project/elementcenter

選択した要素を中央に配置します。

Answer 2

の代わりにright-image使用するとどうなりますか？left: 50%;right: 0px;