2013-04-21 137 views
0

如何可以隱藏其爲以上 div元素時div元素懸停(鼠標)CSS元素(DIV)隱藏和浮動

CSS僅**

由於在表元素推進

+0

簡單的答案;你不能。 CSS中沒有父選擇器。您需要JavaScript來實現 – Turnip 2013-04-21 23:30:41

+0

http://stackoverflow.com/questions/1014861/is-there-a-css-parent-selector – Appleshell 2013-04-21 23:31:20

+0

......如果「上面」你的意思是「始祖」,你可以,但是,擴展了懸停元素的大小,因此重疊(因此「隱藏」)它上面的元素。 – Turnip 2013-04-21 23:31:35

回答

1

我編輯你的小提琴工作就像你問:Fiddle。 (注類 「重疊」)

<div class="overlap" style=""> 
test 
</div> 

CSS:

.overlap { 
    background-color:red; top:-65px; margin:2px; display:block; 
} 
.overlap:hover{ 
    top:-160px; 
    padding-top:95px; 
} 
+0

這正是我所需要的,它可以在沒有課程或ID的情況下完成嗎? – 2013-04-22 12:49:13

+0

爲什麼你會在沒有課堂的情況下做這樣的事情? – Appleshell 2013-04-22 13:01:43

+0

學習/教學目的 – 2013-04-22 13:09:04