hover相关内容

CSS:将鼠标悬停在多个放置在另一个上的 div 上时显示样式

我有 2 个不同尺寸的 div 一个放在另一个上.所以有一个共同的交叉路口.两个 div 都有 CSS :hover 规则集.如果我将鼠标悬停在每个 div 上,则该规则适用.但是,如果我在交叉区域上移动,则只会启动顶部 div 悬停. 当鼠标悬停在交叉区域时,我希望 :hover 规则对两个 div 都起作用. 请参见 jsfiddle 的示例代码 将鼠标悬停在 div 上时, ..
发布时间:2022-01-22 22:40:07 前端开发

在悬停时显示特定的div?仅使用 css 和 html

我想显示第二个 div(在 HTML 中),类 dikha 将光标悬停在锚标记上. HTML 代码: 将鼠标悬停在我身上! sdjfg 悬停时显示的内容 风格 div {显示:无;}一个:悬停>div:nth-child(2) {显示:块;背景颜色:红色;高度:250px;宽度:960p ..
发布时间:2022-01-22 22:39:57 前端开发

如何防止鼠标在悬停元素之外滚动?

我有一个设置为溢出的 div:scroll;.我得到了我想要的滚动条.但是,当使用鼠标滚轮滚动 div 时,它会在到达 div 内容的顶部或底部时滚动页面的其余部分. 如何根据悬停的内容仅滚动 div 或整个页面? 解决方案 首先我不认为你可以覆盖滚动事件.所以这就是我要做的.我不知道 jquery,但这里有一些直接的 javascript. document.getElement ..
发布时间:2022-01-22 22:39:33 前端开发

循环 div 和缩略图

我希望有人能救我!我正在尝试为我的页面创建一个(希望如此)简单的旋转横幅.我有 7 个包含照片和文字的 div,它们如下: 示例文本 示例文本 示例文本 示例文本 ..
发布时间:2022-01-22 22:39:23 前端开发

如何在 wxpython 中的 StaticBitmap 上创建悬停效果?

我想在 StaticBitmap 上创建悬停效果 - 如果鼠标光标在位图上,则显示一个图像,如果不是,则显示第二个图像.这是一个简单的程序(与按钮完美配合).但是,StaticBitmap 不会发出 EVT_WINDOW_ENTER、EVT_WINDOW_LEAVE 事件. 我可以使用 EVT_MOTION.如果光标在图像边缘时切换图像,有时切换不起作用.(主要是在边缘快速移动). 示 ..
发布时间:2022-01-22 22:39:07 Python

检测客户端设备是否支持 :hover 和 :focus 状态

听起来是一个简单的问题,但解决起来却非常具有挑战性.对于某些网站,我的内容只有在用户悬停/聚焦链接时才会显示.然而,链接本身有一个目标. 如果触摸屏用户点击其中一个链接,浏览器会立即转到 href 位置.这意味着悬停内容永远不可见! 这就是为什么没有鼠标(或像魔术遥控器一样悬停的其他设备)的用户应该看到替代内容的原因.但是我该如何检测呢? $(document).on('clic ..
发布时间:2022-01-22 22:38:54 前端开发

CSS:扩展 <div>从右到左显示文字

我想设置一个固定的 ,包含一个图标,当鼠标悬停在上面时会从右向左展开( 展开,而不是图标),在图标左侧显示一段文字.图标的位置保持不变.这是一个草图来帮助说明我想做的事情: 在悬停时更改 的大小没有问题,我只需添加一个宽度更大的类(包括为展开动画制作的过渡).但我在元素的定位上挣扎.我将图标和文本(在 内)放在单独的 中,并尝试使用 f ..
发布时间:2022-01-22 22:38:27 前端开发

悬停时特定于 jquery 的显示按钮

我有一个应用程序通过循环创建一堆 div. 每个 div 都有“产品"类 看起来像 !......这里的东西......! ...这里的按钮... 所以每页大约有 12 个相同的 div. 我想将鼠标悬停在一个特定的上方并显示最初设置为 display:no ..
发布时间:2022-01-22 22:38:17 前端开发

如何在图像悬停中显示文本

我有一些缩略图,我想在悬停时在它们上面显示一些文字.我可以让它们在悬停时变暗,但不知道如何添加文本. 示例:http://www.lenzflare.com/video-production-portfolio/ 这是我所做的: 一个 {显示:内联块;溢出:隐藏;位置:相对;}一:悬停.播放{背景:url(http://goo.gl/yJqCOR) 无重复中心;不透明度:0.8;位 ..
发布时间:2022-01-22 22:38:10 前端开发

带有 CSS3 和 javascript z 轴问题的缩略图悬停缩放(放大)

我正在尝试构建一系列在悬停时放大的缩略图.我的初步构建通过使用 CSS3 transform:scale 和 ease-in-out 来完成放大/缩放部分.问题是它们彼此重叠,因为它们共享一个 z 轴. 任何人都可以帮助我在此场景中创建一个 javascript 添加,以正确地将每个缩略图定位在有意义的 z 轴上,即每个放大的图像都调整大小以位于其他图像的顶部. 在我的网站上进行演示: ..
发布时间:2022-01-22 22:37:47 前端开发

链接悬停导致 background-size: cover;在 Chrome 中切换

使用 CSS3,我将背景图片设置为封面.首次在 Chrome 中加载页面并将鼠标悬停在链接上时,文本周围的背景会发生轻微变化(但非常明显).我正在为悬停使用过渡,但背景偏移也会随着过渡的移除而发生. 我的猜测是背景在悬停期间正在调整大小,但我不确定如何防止这种情况发生.移动后,您可以毫无问题地翻转其他链接.刷新页面后,问题依旧. 网站在这里:http://tylerbritt.com/ ..
发布时间:2022-01-22 22:37:29 前端开发

用于离开悬停的 CSS 伪类

我的网站上有一个不错的小悬停效果,当用户悬停在链接上时,它会快速过渡.但是当用户将鼠标悬停在盒子上时,阴影(和其他特征)会立即消失,而不是淡出.有没有办法让属性同时淡入和淡出,也许使用某种 :un-hover 类型的伪类?谢谢!如果有帮助,这里是 CSS 块: a.squares:hover, a.squares:active {颜色:黑色;背景颜色:#E8E8E8;盒子阴影:0 0 12px ..
发布时间:2022-01-22 22:37:19 前端开发