CSS垂直居中分割背景图像不重叠答案

【问题标题】：CSS vertical centering split background image not overlappingCSS垂直居中分割背景图像不重叠
【发布时间】：2011-01-28 09:33:10
【问题描述】：

是否可以垂直分割 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;
}

【问题讨论】：

标签： css image split center

【解决方案1】：

你试过这个 jQuery 插件吗？

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

它将使选择的元素居中。

【讨论】：

我觉得你的建议有点强硬。给定正确的 CSS，这应该轻松仅在 CSS 内完成。（不是说我的答案是正确的）
因为我已经在使用 jquery 这太棒了！真的很感激这个！抱歉，我是新来的，不能投票。

【解决方案2】：

对于right-image，如果您使用left: 50%; 而不是right: 0px;，会发生什么？

【讨论】：

这似乎没有任何改变