Questions tagged «hover»

我和一群篮球队有过一次聚会。因此，当其中一个团队悬停时，我想为每个团队展示不同的内容。另外，我正在使用Reactjs，所以如果我有一个变量，可以将其传递给另一个很棒的组件。

99 hover  reactjs 

我的页面似乎在这里有问题：http : //www.lonewulf.eu 将鼠标悬停在缩略图上时，图像向右移动一点，仅在Chrome上发生。 我的CSS： .img{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5; display:block; border:1px solid #121212; } .img:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; -khtml-opacity: 1; display:block; }

92 css  image  google-chrome  hover  opacity 

我正在尝试将鼠标悬停在div的背景颜色上。 div {background：white;} div a：hover {background：grey; 宽度：100％; 显示：块; 文字修饰：无；} 只有 div内的链接获得背景色。 如何使整个div获得该背景色？ 谢谢 编辑： 如何使整个div充当链接-当您单击该div上的任意位置时，将您带到某个地址。

91 css  colors  background  hover 

我正在寻找一种解决悬停问题的方法。 <div class="section"> <div class="image"><img src="myImage.jpg" /></div> <div class="layer">Lorem Ipsum</div> </div> 现在，图像和图层这两个类都有边框。两者的正常和悬停都有不同的颜色。有办法做到这一点，因此，如果我将图层类悬停，则图层和图像类的悬停边框颜色都处于活动状态？反之亦然？

83 css  xhtml  hover 

我有一个问题，我将一个图像设置为当鼠标悬停时显示另一个图像，但是第一个图像仍然出现，新的图像不会更改高度和宽度，而会与另一个图像重叠。我对HTML / CSS还是很陌生，所以我可能错过了一些简单的东西。这是代码： <img src="LibraryTransparent.png" id="Library"> #Library { height: 70px; width: 120px; } #Library:hover { background-image: url('LibraryHoverTrans.png'); height: 70px; width: 120px; }

77 html  css  image  hover 

有没有办法在不使用JavaScript的情况下延迟：Hover事件？我知道有一种方法可以延迟动画，但是在延迟：hover事件方面我什么都没看到。 我正在建立一个像菜单的。鱼。我想模拟hoverIntent的作用，而不增加额外的JS重量。我宁愿将此视为渐进式增强，而不是使JS成为使用菜单的要求。 菜单标记示例： <div> <div> <ul> <li><a href="#"> <ul> <li></li> <li></li> </ul> </li> <li> <li> </ul> </div> </div> 这是完整的演示：http : //jsfiddle.net/aEgV3/

74 css  hover  delay 

当我调试站点时，有时悬停的选择器有点长，并且与其他选择器类似，是否可以将一种“粘性”状态应用于Firebug中的悬停规则？ 例; 我将鼠标悬停在导航栏上，并希望将选择器从Firebug中复制出来以在CSS中进行搜索，但是一旦移动鼠标，选择器（显然）就会消失，因为导航<li>不再悬停了。 有什么办法吗？ 谢谢 ：）

71 html  css  firefox  firebug  hover 

我经常发现自己想调试CSS布局问题，这些问题涉及Java语言引起的DOM更改，以响应悬停事件或由于：hover选择器而导致的不同CSS规则。 通常，我会使用Firebug来检查给我带来麻烦的元素，并查看其CSS属性是什么，以及这些属性来自何处。但是，当涉及到悬停时，这将变得不可能，因为一旦将鼠标移到Firebug面板上，感兴趣的元素就不再悬停，适用的CSS规则也就不同了，并且（在这种情况下， JS悬停）更改了DOM。 有没有什么办法可以“冻结” DOM和应用程序的状态：悬停，以检查DOM，因为它是在一个悬停事件？ 当然，也欢迎任何其他有关如何调试此类问题的想法。

71 javascript  html  css  firebug  hover 

如何使其表现得像div线是锚点一样，所以当我将鼠标悬停在它上面时，它会变成红色 的CSS .e { width:90px; border-right:1px solid #222; text-align:center; float:left; padding-left:2px; cursor:pointer; } .f .e { background-color:#F9EDBE; } 的HTML <div> <div class="e" >Company</div> <div class="e">Target</div> <div class="e" style="border-right:0px;">Person</div> </div> <div class="f"> <div class="e">Company</div> <div class="e">Target</div> <div class="e" style="border-right:0px;">Person</div> </div> <div> <div class="e">Company</div> <div class="e">Targetaaa</div> <div class="e" style="border-right:0px;">Person</div> </div> <div class="f"> …

71 css  html  hover 

CSS悬停功能是否可以在移动设备上使用？我有一个css悬停类，在常规的Web浏览器上可以正常工作，但在移动浏览器上却不能工作。

68 css  mobile  hover