2013-08-22 175 views
0

試圖使'tab2'與導航欄一起移動。 (當您將導航欄懸停時,該框隨之移出) http://jsfiddle.net/Bz5mn/ 幫助!相對和絕對位置CSS HTML

#nav 
{ 
min-width: 60px; 
width:5%; 
height:100%; 
background-color: rgba(1,1,1,0.3); 
position: absolute; 
top: 0; 
left: 0; 
transition-duration:0.4s; 
overflow: hidden; 
} 

回答

1

嘗試adjacent sibling selector。你可以這樣做

#nav:hover + #tab2 { 
    margin-left: 5%; 
} 

你想也想將過渡添加到#tab2聲明,使動畫比賽。

另外請注意,這個選擇only works in IE 9+

Here's a live demo

+0

謝謝!作品:) – applewood

+0

@applewood如果您對此答案感到滿意,請投票表決,以便我們都知道這個問題已經結束並完成。你也可以獲得接受答案的聲望點,這將增加你在SO中的可信度並鼓勵其他人在未來幫助你。 –