2013-04-21 139 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