Tag: hover

旋转或旋转hover的图像

我想知道如何在旋转或旋转图像时进行旋转 。 我想知道如何在下面的代码中用CSS来模拟这个function： img { border-radius: 50%; } <img src="http://i.imgur.com/3DWAbmN.jpg" />

Toastr：如何防止用鼠标hover粘住吐司？

我一直在玩toastr，并成功地将超时设置为0，所以吐司保持粘性，但是当我吐出吐司时吐司消失。 我想覆盖这个，所以只要用户点击它，烤面包就会消失 – 非常适合有很多文本的烤面包。 如何才能做到这一点？

如何使CSS叠加在图像上？

我正试图达到这样的事情： 当我将鼠标hover在图像上时，我想用一些文字和图标将这个图像放在这个深色的图像上。 我被困在这里。 我发现了一些教程，但他们没有为这个案件工作。 另外，另一个问题 – 每个图像都有不同的高度。 宽度始终相同。 这个效果如何实现？

css：避免图像hover第一次闪烁

当有一个包含background-image的类class-btn ，我有一个锚点改变了它的背景background-image 。 徘徊时，它已经 a.class-btn:hover { background-image('path/to/image-hovered.jpg'); } 第一次加载页面时，首次将该buttonhover时，该button会闪烁（下载保留的图像大约需要半秒钟的时间）。 如何避免没有JavaScript的闪烁（只允许简单的CSS和HTML）？ 我试图search堆栈溢出的类似的问题，但没有运气。 刚刚添加： 我应该“预加载”hover的图像吗？ 怎么样？ 我应该玩Z指数还是不透明？ 它发生在所有的浏览器，因此该解决scheme应该适用于所有的浏览器。

如何在鼠标上显示工具提示或项目信息？

我显示5 userImage在一个userImage要显示userID id和mouseover在这些userImage上的email 。我使用图像控制的alt属性，但不工作在Mozilla，铬和一些版本的IE浏览器。 那么有什么更好的方法来显示鼠标hover的信息？

如何删除/忽略：在触摸设备上hoverCSS样式

我想忽略所有:hover CSS声明，如果用户通过触摸设备访问我们的网站。 因为:hover CSS没有意义，甚至可能令人不安，如果一个平板电脑触发它的点击/水龙头，因为它可能坚持，直到元素失去焦点。 说实话，我不知道为什么触摸设备感觉需要触发:hover在第一位 – 但这是现实，所以这个问题也是现实。 a:hover { color:blue; border-color:green; // etc. > ignore all at once for touch devices } 所以，（如何）我可以删除/忽略所有的CSS :hover声明一次（不必知道每一个）触摸设备声明后，他们？

Bootstrap表行hover

如何在Bootstrap 3进行hover时表格行的背景更改。 我现在使用的表类是table table-striped 。 我试图添加一个额外的类到表中的<tr>标签，并做了这样的CSS。表.table-row:hover{background:black;} 。 现在只有非条纹行正在工作。 在bootstrap中是不是有一个类可以让我轻松实现呢？ 或者我应该使用JQuery来解决这个问题？ 我真的不能自己找出这一个。

检查Chrome浏览器中的hover元素？

我正在尝试通过Chrome的开发人员工具查看工具提示在网站上的结构。 然而，即使当我在项目上盘旋时，当我“检查元素”，什么也没有显示在html中的工具提示。 我知道我可以将样式设置为:hover ，但我仍然无法看到工具提示的HTML或CSS。 有任何想法吗？

如何告诉.hover（）等待？

我有一个下拉菜单。 现在，当它滑落到多个层次时，我希望它在等待2秒之前增加等待时间，然后消失，所以当用户错误地打破.hover()时，用户可以重新进入。 可能吗？ 我的幻灯片代码： $('.icon').hover(function() { $('li.icon > ul').slideDown('fast'); }, function() { $('li.icon > ul').slideUp('fast'); });

使用CSS / HTML更改hover图片

我有这个问题，我已经设置图像来显示另一个图像时，鼠标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; }