如何在盤旋時將重疊邊框帶到前面？

我有幾個div水平排列，彼此相鄰，黑色邊框爲1px。它們在左側/右側重疊。我不想添加邊距，因爲當元素彼此相鄰時，會導致邊框爲2px。如何在盤旋時將重疊邊框帶到前面？

當用戶將鼠標懸停在邊框上時會變爲白色。問題是第二個元素（以及第一個元素之後的元素）的左邊框隱藏在前一個元素的後面，看起來左邊框不會改變顏色。我怎樣才能讓懸停的元素在上面？我嘗試了Z-index，沒有任何改變。

.upcoming a:before{ 
    display:block; 
    content:''; 
    position:absolute; 
    width:184px; 
    height:277px; 
    border:1px solid #666; 
} 

.upcoming a:hover:before{ 
    border-color:#CCC; 
}

（我使用：前出於不同的原因不是邊界線 - 疊箱陰影）

編輯：添加圖片

在這個截圖「秋天」海報徘徊的它被放大相當多。請注意，左邊框不是較淺的顏色（因爲它與拳頭邊框重疊）。

enter image description here

來源

2012-11-23 DominicM

你可以添加一張圖片或jsfiddle嗎？ – fabien

添加了截圖，請參閱編輯。 – DominicM

雖然你已經嘗試過，我覺得z-index是這裏最好的選擇。它的設計純粹是爲了能夠管理每個元素的z位置。

請參見本的jsfiddle例如：

http://jsfiddle.net/CjYa9/1/

也許你正在做一些不同的東西。

來源

2012-11-23 18:58:46 Curt

這可能是一個問題：之前或絕對定位，但它在這種情況下根本不起作用... – DominicM

@DominicM你可以在jsfiddle中複製嗎？ – Curt

我發現它是：之前由於有限的空間導致邊界重疊的元素之前，所以現在我修復了我似乎無法得到邊框重疊（位置相對或絕對導致所有元素消失）。如果我設法讓邊框重疊，z-index可能會啓用:) – DominicM

如何在盤旋時將重疊邊框帶到前面？

回答

相關問題