直接在 HTML 标记中使用 SVG 不允许我将角色分配为按钮或具有所需的悬停效果

我有一个带有图标的容器，该图标应该执行两个功能：具有按钮的作用（可通过键盘/屏幕阅读器等访问）悬停/聚焦时变红当我直接在标记中使用SVG时，悬停效果可以按预期工作，但我无法像使用img标签时那样为SVG分配按钮角色：.container{height:500px;width:400px;background-color:lightblue;position:relative;}.favourite

P粉940538947 2023-09-06 20:29:59 0  1  615

动态为多个元素添加:hover效果

是否有可能以编程方式为多个元素添加hover效果？在我们的系统中，有多个元素代表一个单元（但由于其他原因需要将它们分开成多个元素），在某些情况下，它们应该在悬停时一起重新着色。是否有可能以编程方式为多个元素添加hover效果？或者说这是否是一个良好的实践？我可以通过使用my_own_css_class来解决这个问题，在悬停时将其添加到所有元素上。但我觉得以编程方式使它们具有hover效果可能对我有

P粉203792468 2023-08-15 23:49:58 0  1  527

vue 和 vuetify 组件上的鼠标悬停效果

因此，我尝试重新创建鼠标悬停效果，如以下文章中的示例所示：https://blog.prototypr.io/stunning-hover-effects-with-css-variables-f855e7b95330但就我而言，我希望使用Vue.js将悬停效果应用到vuetify库中的v-card上。所以这是我的尝试：https://codepen.io/pokepim/pen/NWdwOEq现

P粉032649413 2024-03-27 16:31:16 0  1  463

Rails Javascript - 使用 Rails 7 将 jQuery 转换为 Javascript 不起作用

带有Turbo/Hotwire的Rails7。我正在重用从2018年旧项目复制的代码。此代码/jQuery用于信息弹出窗口：$(document).ready(function(){$('#info').hover(function(){$('#popup').show();},function(){$('#popup').hide();});});重写javascript后（正确吗？），这就是我

P粉436688931 2024-01-16 22:01:23 0  1  548

javascript - 左侧导航如何实现伸缩

点击按钮然后变成： 这是用插件实现的吗？要是用原生应该怎样这个hover效果呢？

三叔 2017-06-30 09:59:54 0  1  847

javascript - 滚动条遮住了hover弹出层？

添加滚动条之后，滚动条遮住了右侧的弹出层，看不到，去掉滚动条之后内容就可以看到了 。请问这个问题应该怎么解决？ （无法弹出） （可以看到弹出层） 求问怎么解决 必须加滚动条 但加了之后无法弹出 求问怎么解...

曾经蜡笔没有小新 2017-05-19 10:47:52 0  4  847

实现导航栏悬停效果的方法

我正在处理我的垂直导航栏。那个图标的名称应该在右侧可见。当鼠标悬停在图标上时，名称也应该从白色变为黑色，但它没有起作用。我尝试改变周围的标签，看看是否有帮助。我还改变了HTML中的标签，并在CSS中改变了标签，以使标签能够起作用。我在这个网站上查找了解决我的问题的方法。我无法让我的导航栏工作。我无法弄清楚如何在这里放置代码。如果可以帮助的话，我愿意通过消息发送我的代码。我花了超过30分钟尝试弄清楚

P粉041758700 2024-01-10 18:06:56 0  1  461

javascript - Js怎么实现弹窗平滑切换？

比如你点击一个页面会弹窗，弹窗里面的内容有一个按钮，点击又能弹出一个对话框，这时候这个对话框不是弹出效果，而是平滑过渡，怎么写？

世界只因有你 2017-05-18 10:56:53 0  7  719

菜单项的悬停效果覆盖整个页面高度

我正在开发左侧导航。我希望悬停时红色条出现在菜单项之前。它适用于“主页”项目及其子项目，但其他根项目会导致悬停时红色条从上到下跨越页面的整个宽度。$(document).foundation();.vertical.dropdown.menu[href]>i{display:block;}.vertical.dropdown.menu[href]{display:block;text-ali

P粉029327711 2024-02-04 00:36:46 0  2  383

为什么我的 Bootstrap 5 弹出窗口在关闭并重新打开它所在的模式后失去了打开焦点的能力？

我的Bootstrap5模式和放置在其上的弹出窗口有问题。在我的HTML中，我有以下内容，当用户将鼠标悬停在按钮上时，它会正确显示。弹出窗口显示“您确定吗？”键入提示并建议用户单击按钮（悬停）以继续。单击该按钮即可获取焦点并保持弹出窗口打开，直到再次单击或单击离开该元素。这允许鼠标指针进入弹出窗口内容并单击“继续”按钮。这就是我想要的东西：https://bootstrap-confirmatio

P粉022501495 2024-03-28 23:27:50 0  1  434

禁用Vuetify 2中v-checkbox的悬停效果

当在Vuetify2中悬停在v-checkbox上时，复选框后面会出现一个变暗的圆圈。我想让它不出现。目前，我的v-checkbox被包裹在v-tab和v-tooltip中。我怀疑这并不重要，但有可能。<v-tabv-for="tabinmyTabList":key="tab"><span>{{$t(tab)}}</span&g

P粉826429907 2023-09-03 20:25:54 0  1  602