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;会发生什么？