在悬停时显示隐藏的div [英] Show hidden div on hover

问题描述

我有一个隐藏的div，当你将鼠标悬停在div人物包裹上时，我想显示它。我怎样才能做到这一点？我应该使用CSS技巧还是可以用JQUERY完成？

JSFIDDLE：
http://jsfiddle.net/ceTdA/3/

我希望看到div： p>

  #buttons {
 display：none; 
位置：绝对; 
 right：10px; 
 top：10px; 
 margin：0px 0px 0px 0px; 
 height：30px; 
 width：225px; 
溢出：auto; 
 
  

解决方案

$ c> #buttons div是＃person-wrap 的子元素，您可以使用CSS来完成它：

 ＃person-wrap：hover #buttons {
 display：block; 
} 
  

演示： http://jsfiddle.net/ceTdA/4/

I have a hidden div with a buttin that I would like to appear when you hover over the div 'person-wrap'. How can I do this? Should I use CSS tricks or can it be done with JQUERY?

JSFIDDLE: http://jsfiddle.net/ceTdA/3/

The div I would like to have appear:

#buttons {
display: none;
    position:absolute;
    right:10px;
    top:10px;
margin: 0px 0px 0px 0px;
height: 30px;
width: 225px;
overflow: auto;
 }

解决方案

Given that your #buttons div is a child of #person-wrap you can do it with just CSS:

#person-wrap:hover #buttons {
    display : block;
}

Demo: http://jsfiddle.net/ceTdA/4/

这篇关于在悬停时显示隐藏的div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！