CSS垂直居中分割背景圖像不重疊

是否可以垂直分割2個圖像，並且在調整瀏覽器大小時，它不會重疊但保持垂直居中？CSS垂直居中分割背景圖像不重疊

可以左圖像保持固定，所以它的右邊不會切斷（重疊）

這是我現在有，但調整瀏覽器更小的時候，它推動正下方左圖像。而是讓圖像在外側被切斷，並且在中間不會相互重疊，這有意義嗎？

#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; 
}

來源

2010-03-17 user295292

你試過這個jQuery插件嗎？

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

它將使中心的首選要素。

來源

2010-03-17 01:39:43 Kevin

我認爲你的建議有點霸道。這應該*很容易*完全在CSS中完成，給定正確的CSS。（不是說我的回答是正確的） – Drew 2010-03-17 01:47:53

因爲我已經使用jquery這很棒！真的很感激這個！抱歉，我是新來的，無法投票。 – user295292 2010-03-17 03:35:26

不客氣。 – Kevin 2010-03-17 04:33:53

爲right-image如果你使用left: 50%;代替right: 0px;會發生什麼？

來源

2010-03-17 01:39:08 Drew

這似乎沒有改變任何東西 – user295292 2010-03-17 02:01:18

CSS垂直居中分割背景圖像不重疊

回答

相關問題