hover 相关问题

悬停是指将鼠标光标放在给定元素上的操作。悬停还可以指启用触摸的设备上的用户触摸给定元素的事件。

将鼠标悬停在图像上并使用javascript在另一张图像上获得缩放效果?

代码细分: 此代码有一个主图像(顶部的大图片),然后是比主图像更小的预览图片。 (忽略底部的大图,因为它用于帮助视觉

回答 1 投票 0

Puppeteer 悬停不触发弹出窗口

我正在尝试使用 puppeteer 将鼠标悬停在 Twitter 个人资料名称上,以便显示包含个人资料信息的弹出窗口。 这是我的代码: const puppeteer = require('puppeteer'); 常量选择器 = '#react-ro...

回答 1 投票 0

将子项悬停在父项内,也会影响其他父项内的其他子项(兄弟父项)

我对悬停兄弟姐妹其他孩子有疑问,这是我的代码: &... 我对悬停兄弟姐妹的其他孩子有疑问,这是我的代码: <div class="parent"> <div class="child"> </div> <div class="parent"> <div class="child"> </div> <div class="parent"> <div class="child"> </div> 我尝试了这种风格的代码,正在工作,但我发现了一些问题 .parent:has(.child:hover) ~ .parent .child { background-color: red; } 问题是,当第一个孩子悬停时,所有其他孩子(第二个和第三个)也悬停,但是当我悬停第二个孩子时,只有第三个孩子悬停,第一个孩子不受影响......可以请您帮我解决问题,谢谢。 :has选择器现在适用于大多数浏览器(CanIUse)。 .parent { border: 3px solid black; margin: 10px; padding: 10px; } .child { padding: 10px; border: 3px solid blue; } .child:hover, .parent:has(.child:hover)~.parent .child { background-color: orange; } <div class="parent"> <div class="child">child 1</div> </div> <div class="parent"> <div class="child">child 1</div> </div> <div class="parent"> <div class="child">child 1</div> </div>

回答 1 投票 0

不起作用 - 将鼠标悬停在变量上即可查看 Eclipse 中调试视角中的值

我使用的是经典的 Eclipse 3.6.1。 我有一个 Java 项目,由于堆栈溢出而引发异常。 与其他编辑器不同,当我将鼠标指针悬停在变量上时,它不会显示...

回答 3 投票 0

尽管 CSS 实现正确,但悬停效果在 .login-2-submenu 上不起作用

我在 HTML 和 CSS 设置中将悬停效果应用于 .login-2-submenu 类时遇到问题。尽管在我的CSS文件中定义了悬停效果,但效果似乎没有发生......

回答 1 投票 0

从 SVG 三角形剪辑平滑过渡到圆形

我正在使用 SVG 将图像剪切到三角形。我的目标是让路径扩展并在悬停时变成一个圆圈(平滑过渡)。 我发现的最接近的是这个 codepen 作为响应...

回答 2 投票 0

使用 CSS 更改悬停时的文本

我正在尝试使用CSS(elementor pro)将鼠标悬停在图像上时更改文本。 我正在制作看起来像色样的东西,当将鼠标悬停在产品的另一种颜色上时,它会改变...

回答 1 投票 0

检测到悬停 Winapi 时绘制按钮

我正在尝试创建一个按钮并处理可能的事件,例如单击按钮和悬停。 我发现了很多有用的文章,并且到目前为止已经能够验证这些事件。 我的问题是...

回答 1 投票 0

如何使用动画 html css 保持悬停状态 w

我需要在动画单击时保持悬停状态。 当我将鼠标悬停在父 div 上时,子元素应该转换为 -10px,我需要在单击父元素时保持转换 -10px ...

回答 1 投票 0

当鼠标水平移动到元素的一部分时,悬停动画重置(似乎恢复到原始CSS,然后再次悬停)

我正在尝试制作一个卡片动画,其中甲板顶部的卡片在悬停时会向上平移。不幸的是,如果我将鼠标水平移动到

回答 1 投票 0

鼠标悬停或悬停vue.js

我想在将鼠标悬停在 vue.js 中的元素上时显示一个 div。但我似乎无法让它发挥作用。 vue.js 中似乎没有悬停或鼠标悬停事件。这是真的吗? 会...

回答 15 投票 0

如何更改dygraphs R中的悬停信息?

我一直在尝试使用R中的dygraphs绘制时间序列。我试图更改我们在绘图右上角获得的悬停信息。 数据有一列“值”,从...

回答 1 投票 0

自定义悬停框图:Python 来适应文本

有没有办法在plotly中自定义悬停文本框?我必须在悬停框中显示的文本相当长,不适合屏幕。有没有办法改变

回答 2 投票 0

通过将鼠标悬停在 div 之外来覆盖 JS?

如何将其更改为当我将指针悬停在按钮和搜索列表 div 外部时搜索列表消失的位置?事实上,当鼠标悬停在 div 或

回答 2 投票 0

更改dygraphs R中的悬停信息

我一直在尝试使用 R 中的 dygraph 绘制时间序列。我试图更改我们在绘图右上角获得的悬停信息。 数据有一列“值”,从...

回答 1 投票 0

如何更改鼠标悬停时图标的颜色

我需要添加什么代码才能使图标改变颜色,或者当鼠标悬停在图标上时更改为不同颜色的图标图像? i.pk-social-links-icon.pk-icon.pk-icon-twitter { 内容:网址(

回答 1 投票 0

CSS悬停调整文本不透明度并没有达到预期效果,尽可能简化

我想创建一个 div,如果您将鼠标悬停在一侧,相反的文本就会消失。当悬停左侧文本时,它工作得很好,右侧文本按预期消失,但其他文本不起作用......

回答 1 投票 0

如何在悬停时显示文字?

我有一个页脚,其中有不同的社交媒体图标。现在,我想创建一个悬停效果,显示悬停图标的名称。 例如:我的鼠标位于 facebook ico 上...

回答 3 投票 0

我已经设计了我的 hr 标签,但它不起作用,我该怎么办?

当我在 style.css 中输入 hr 标签的详细信息时,它没有显示结果! HTML: 我想要一个 hr 标签,其中包含一些详细信息,例如颜色、悬停、文本对齐...

回答 1 投票 0

Magento 目录图像悬停时发生变化

在目录/类别页面上,我希望图像在悬停时发生变化。就像clubmonaco.com一样,我知道如何在html/css上做到这一点,但不知道如何在magento上做到这一点。有什么帮助吗?

回答 3 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.