将鼠标悬停在按钮上，同时仍然保持其后面元素的悬停效果
，可以通过CSS中的z-index属性和:hover伪类来实现。
首先，使用CSS的z-index属性来控制元素的层级关系。z-index属性可以设置一个整数值，数值越大，元素的层级越高。通过设置按钮的z-index值较高，可以使其覆盖在其他元素之上。
其次，使用:hover伪类来定义鼠标悬停时的样式。通过:hover伪类，可以为按钮元素设置悬停时的样式，例如改变背景色、字体颜色等。
下面是一个示例代码：
HTML代码：
<div class="container">
<button class="hover-button">按钮</button>
<div class="hover-effect">后面的元素</div>
</div>CSS代码：
.container {
position: relative;
}
.hover-button {
position: relative;
z-index: 2;
}
.hover-button:hover {
/* 设置按钮悬停时的样式 */
background-color: #f00;
color: #fff;
}
.hover-effect {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}在上述示例中，通过设置按钮的z-index为2，使其位于后面元素之上。同时，通过:hover伪类为按钮设置悬停时的样式，例如将背景色设置为红色，字体颜色设置为白色。
这样，当鼠标悬停在按钮上时，按钮会显示悬停样式，同时后面的元素仍然保持悬停效果。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云主页：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mps
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
11回答
我需要在整个DOM中的特定按钮(而不是所有按钮)上禁用鼠标悬停。请让我知道如何使用CSS类来实现它。
当我的按钮被禁用时，我正在使用下面的CSS类。现在，我想使用相同的类来移除悬停效果。
.buttonDisabled
{
Cursor:text !important; Text-Decoration: None !important;
}
上面的类将负责删除鼠标悬停时的手势和文本下划线。现在我也想去掉悬停效果。请让我知道。
浏览 4提问于2014-11-05得票数 85
5回答
在html5网页上，我有一种悬停效果。如下所示：
a:hover {
background: #EFEFEF;
}
我还有一个带链接的图片列表：
<a href="x">
<img src="images/y.png" />
</a>
将鼠标悬停在这些链接上时，图像下方会出现一条#EFEFEF颜色的线条。我如何删除它？
这不是文本装饰:下划线，也不是摆弄填充的工作。
浏览 2提问于2012-04-26得票数 1
回答已采纳
2回答
我有几个带有悬停效果的svg矩形，当鼠标悬停在矩形上时，矩形的背景颜色会发生变化。悬停效果是通过css设置的：
.myclass:hover {
fill: rgb(255,128,0);
}
除此之外，文本被放置在每个矩形的上方。一对文本和矩形定义一个组。
<g>
<rect class="myclass" x="10" y="10" width="40" height="40" />
<text x="30" y="40" f
浏览 0提问于2012-08-22得票数 1
回答已采纳
2回答
当鼠标悬停在按钮上时，如何反转渐变？点击这里的“阅读更多”按钮，就可以看到这个效果：。请注意，当您将鼠标悬停在按钮上时，黄色将向左移动，粉色将向右移动。
我试着关闭按钮容器上的过渡，看看是不是这样做的，但即使禁用了它，悬停效果仍然存在。
当鼠标悬停在按钮上时，我希望黄色现在在左边，粉色在右边(这样颠倒过来)
浏览 0提问于2019-05-14得票数 0
我正在尝试在ul上创建悬停效果，我正在尝试找出一种方法来改变悬停时在ul中的元素的字体颜色。 现在我在单个元素上使用鼠标悬停，如下所示： .wt-description p:hover {
color: white !important;
} <div class="col-12">
<ul class="wt-categoryvtwo wt-categoryvthree">
<li>
<div class="wt-categorycontentvtwo">
浏览 30提问于2021-06-28得票数 0
很抱歉再次提到这个问题，因为我非常确定这个问题已经在像这样的线程中得到了回复，但是在更老的线程中发帖似乎没有意义。但我想知道这是否仍然是真的，当我悬停在某个div元素之上时，我实际上需要jQuery (或类似的东西)来更改某个div元素的属性？
如果答案仍然是肯定的，请看下图：
这是我的导航的一部分，我现在正试图将其带入生活。如你所见，按钮下面有某种镜面效果。我希望这些按钮是可点击的，同时有一个“悬停”背景位置/背景图像更改。我试着用一个单独的div-element来做这件事，但没有成功，因为按钮区域本身比整个图形都要小，所以即使我将鼠标悬停在反射图上，按钮也是可以使用的，这并不是很直观
浏览 2提问于2011-03-26得票数 3
回答已采纳
1回答
我有一个切换脚本，可以很好地工作，但我试图添加鼠标悬停效果，但我在它方面遇到了问题。
我有四个标记，其中两个是带有背景颜色的简单DIV，另外还有两个带有背景图像的按钮。
我为所有的标签创建了一个鼠标悬停效果，但是当我点击一个按钮时，它看起来并不正确。一旦我点击了一个按钮，这个按钮就需要在点击时改变背景位置，鼠标悬停在按钮上。
这是我的链接：
谢谢。
浏览 0提问于2012-04-13得票数 0
回答已采纳
我已经创建了一个元素，当你在元素的区域内悬停时，会应用一个悬停效果(更改背景颜色)，在这个元素的顶部是一个按钮。当我将鼠标悬停在按钮上时，它会导致其他悬停效果消失，我希望能够在鼠标位于第一个元素的区域内的整个时间内保持悬停。 Example Code Here 因此，当我将鼠标悬停在示例中的按钮上时，我仍然希望a标记的背景为黑色。当我将鼠标悬停在按钮上时，它会导致黑色背景消失。我还希望能够点击按钮。 为了实现我想要实现的目标，我需要使用js吗？或者它可以在CSS中完成？
浏览 18提问于2019-05-29得票数 0
回答已采纳
1回答
禁止在悬停时检测元素
、、、、
我有一个简单的按钮element.Then之后，我有一个徽章，我定位在按钮上的绝对位置。正常情况下，当你将鼠标悬停在来自bootstrap的btn-dark上时，它会巧妙地将颜色更改为灰色，并且运行良好。但当我将鼠标悬停在按钮顶部的徽章上时，悬停效果停止工作，因为它被视为悬停在按钮之外。有没有办法在没有任何javascript的情况下保持悬停效果？有没有办法让徽章在悬停时不被察觉？ ? <div>
<a href="#">
<i class=" btn btn-dark cart
浏览 16提问于2020-09-22得票数 0
1回答
有没有可能在图像上保持CSS悬停效果，即使在它上面显示了一个新的图层？
例如，我有这样一个CSS：
#rit{
background: url(images/rits.png) no-repeat;
height: 295px;
}
#rit:hover{
background: url(images/rits_h.png) no-repeat;
height: 295px;
}
...and，然后一些单独的CSS添加了一个‘查看更多’按钮。当我将鼠标悬停在“阅读更多”按钮上时，上面CSS的效果就消失了。
浏览 2提问于2013-11-06得票数 1
3回答
我使用图像按钮进行导航，因为我想要悬停效果。我的意思是，我使用按钮图像而不是<ul>标签或<div>标签，因为我想要悬停效果，这意味着当我将鼠标悬停在该图像上时，图像会发生变化。这就是我使用图像按钮的原因。
但是，我不想使用图像。我想使用<ul>标签和<div>标签，但我不熟悉如何在这些标签上做悬停效果。
请帮帮我。
浏览 1提问于2010-09-08得票数 0
回答已采纳
? 我正在尝试应用引导模板。有一个关于鼠标悬停效果的问题。 如果我单击一些具有href属性的元素，悬停效果不会消失，直到我再次单击某个地方。 如何在点击后使效果消失，并将光标移开？ a {
color: #212529;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
a:focus, a:hover {
color: #0085A1;
}
浏览 52提问于2019-03-15得票数 0
回答已采纳
我想设置ToggleButton的样式，使其在按下时更改颜色，并保持该颜色，直到再次按下。目前，鼠标悬停在按下鼠标并离开togglebutton后，颜色会变回原来的颜色。我去掉了鼠标悬停的颜色变化，这允许我将颜色设置为选中状态，但我不想失去鼠标悬停效果。有没有办法两者兼得呢？我已经创建了自己的扩展器，教自己如何创建控件，但我不知道如何让鼠标悬停和按下的颜色都处于状态，在我的示例中，鼠标悬停只应在按钮未被单击/选中时重置。我正在使用这种ToggleButton风格：
浏览 2提问于2011-08-03得票数 0
回答已采纳
1回答
自举反应悬停效果
、、、、
编辑：
我正在尝试react-bootstrap，因为它也支持工具提示！但是我仍然不能得到想要的工具提示效果。按钮以正确的样式显示，但将鼠标悬停在按钮上时不会出现工具提示效果。
我的代码：
import { Tooltip, OverlayTrigger, Button } from 'react-bootstrap'
const tooltip = (
<Tooltip id="tooltip"><strong>Holy guacamole!</strong> Check this info.</
浏览 2提问于2017-10-11得票数 0
1回答
我有一个带有HeaderTemplate的GridViewColumn，它有一个Image和一个TextBlock。当用户将鼠标悬停在Image上时，我正在更改它的不透明度，但我仍然可以获得默认的标题鼠标悬停效果。当用户将鼠标悬停在图像上时，如何抑制此效果？
浏览 2提问于2011-03-01得票数 3
回答已采纳
1回答
考虑以下将半透明红色层呈现到某些文本上的示例。
<div style="position: relative">
<p>
Foo
</p>
<p>
Bar
</p>
<div style="position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: rgba(255,0,0,0.5)">
</div>
</div>
iOS Safari中存在
浏览 1提问于2020-02-29得票数 0
回答已采纳
4回答
我有一个带有背景色的按钮，和文本颜色集。我喜欢做的是，当用户将鼠标悬停在按钮上时，背景从下到上动画，并将文本的颜色更改为背景的颜色。
为了代码的简单性，我没有将我喜欢的瞬态应用到CSS属性上。我知道更改按钮背景代码非常容易，但我计划在悬停时使用瞬态更改:before高度。
所以我有下面的代码，但是当我将鼠标悬停在按钮上时，:before会重叠我的按钮文本。
我也试着和z-index一起玩，但是没有运气。你认为这个问题有什么解决办法吗？
body {
background: #111;
}
.btn {
color: #FFF;
background: #333;
borde
浏览 5提问于2016-01-15得票数 0
回答已采纳
3回答
我有两个div
<div id="a">A</div>
<div id="b">B</div>
我正在尝试制作一种效果，当鼠标悬停在#b上时，#a的背景颜色会发生变化。我用过
CSS
#b:hover + #a{
background: #000;
}
但它不起作用。
如果我使用
CSS
#a:hover + #b{
background: #000;
}
它起作用了。将鼠标悬停在#a上会更改#b背景颜色。
但我得先工作。
如何让第一个工作。为什么这不起作用？
浏览 0提问于2013-07-10得票数 0
回答已采纳
1回答
我希望我的应用程序的按钮只有在我悬停在它们上面时才是绿色的。目前，在我单击其中一个之后，它们是绿色的，直到我单击其他东西。
例如，此按钮在单击它之后和单击其他位置之前是绿色的。
这个效果叫什么名字？
我现在正在查看我的css文件，试图找到这种效果，并将其替换为hover，以便只有当我将鼠标悬停在按钮上时，按钮才会显示为绿色。
浏览 2提问于2016-04-18得票数 0
我有以下问题:我有一个带有链接的页面，它在当前窗口中打开一个新页面。在这个链接下面，我有一个新的div和一个说明性文本。div的显示样式设置为style="display: none"。当我将鼠标悬停在链接上时，鼠标悬停效果会将div的样式更改为style="display: block"，并显示div。然后我点击链接，新的页面就会打开。然后我返回到浏览器的后退按钮，返回上一页。当我将鼠标放在浏览器的后退按钮上时，链接上的悬停效果仍然有效。只有当我返回到页面正文时，效果才会消失。
浏览 1提问于2015-08-10得票数 0
2回答
我有一个应用程序，当鼠标放在上面时，图像会逐渐增长，我想要类似于键盘事件的图像增长效果，即焦点/模糊而不是鼠标悬停/鼠标输出。
这是我的图像增长与鼠标悬停/鼠标输出的代码：
我想对键盘事件做同样的事情，所以我把图像放在按钮里面，并用焦点/模糊替换了mouseover/mouseout它确实起作用了，但是图像里面的按钮带着mouseover/mouseout工作。
浏览 1提问于2011-01-06得票数 0
回答已采纳
如何通过不是flash对象的其他对象触发flash对象中的动作脚本？例如，我有一个基于flash的导航栏；当我将鼠标悬停在每个导航按钮上时，会在显示窗口中显示一条消息，说明悬停按钮的用途。该消息仅供参考。除非我点击按钮，否则什么都不会发生。
现在，我希望当我将鼠标悬停在网页上的另一个对象上时，在相同的flash消息区中具有相同的消息显示效果。然而，这些不是flash导航栏的一部分。
浏览 1提问于2013-09-27得票数 0
对于具有焦点或悬停状态的链接元素(锚)，我可以使用aria-expanded吗？因此，当用户在链接上使用键盘悬停或聚焦时，咏叹调展开应该变为true，当鼠标悬停或焦点被移除时，它应该变成false。
从我所读到的，我无法真正找到一个明确的答案，除了这个链接，它应该只用于点击，而不是焦点。
浏览 5提问于2019-12-06得票数 2
回答已采纳
我有一个jquery脚本，当鼠标悬停在按钮上时，它应该显示一个内容框。并且悬停的按钮类也被打开。当鼠标悬停在刚刚触发显示的按钮div中时，按钮应该仍然保持其悬停样式。但是，当鼠标悬停时，.hovered类也应该被删除。目前，当您将鼠标悬停在按钮上，并且在没有悬停在子元素上的情况下悬停时，仍然保留.hovered类。这需要删除。
HTML代码如下：
<li><a href="#" class="login-btn">Login</a>
<div class=&#
浏览 5提问于2013-05-02得票数 0
回答已采纳
我使用的是Oracle SQL Developer 4.0.3.16，几周后，快捷方式Ctrl+Enter不再执行当前行或语句，除非我将其突出显示，而是运行整个工作表。使用顶部的绿色按钮(应该只运行当前行)会产生相同的行为(突出显示该行时除外)。将鼠标悬停在按钮上仍然会显示工具提示"Run Statement (Ctrl+Enter)“。我的一位同事也遇到了这个问题。
我还查看了Preferences->Shortcut Keys菜单，但用于运行语句的快捷键设置仍然是Ctrl+Enter。
有人知道我的SQL Developer出了什么问题吗？
浏览 2提问于2015-05-07得票数 2
5回答
我试图在一张图片上做一个悬停效果，当它悬停在上面时，它会变成另一张图片。当我不使用锚标签的时候，我似乎不能让它工作。我的目标是当我将鼠标悬停在按钮上时，图片会发生变化，我相信这需要一些jQuery魔法。这是我的代码，当鼠标悬停在上面时，我只是试图改变图像，但不知何故不起作用。我是不是遗漏了什么？
HTML
<div>
<img src="images/newpic.png" class="img-circle homeimage" alt="Responsive image"/>
</div>
CSS
.h
浏览 0提问于2015-02-23得票数 1
我能理解javascript的工作性能。
有什么关系？
$('#button').click(function() { }
vs
<a href="" onclick="javascript:action"></a>
我理解是调用相同的函数，但是如果我让first option和javascript在鼠标悬停时扫描所有属性，并始终选中它，它是这个#按钮吗？
我理解这对#id来说并不重要，但是如果有更多的.class可能会有问题。
浏览 0提问于2012-02-01得票数 3
我是JQuery应用编程接口的新手。我一直在使用鼠标悬停，但我从来没有使用过鼠标悬停。所以我想知道我是否应该使用hover来代替。
浏览 0提问于2010-05-19得票数 7
回答已采纳
所以我有一个画布，上面有鼠标悬停动画，上面有一个覆盖，包含一个菜单。我想要实现的是将鼠标悬停事件传递到画布上，即使我在菜单上悬停。现在我让它部分发挥作用，
我目前已经部分地解决了这个问题，在包含菜单的div中使用CSS属性pointer-events: none，在可单击列表菜单元素中使用auto，但在菜单上悬停时，较低的画布不会检测到鼠标，因为它的焦点是在鼠标指针事件中设置为auto的菜单列表子节点。
当将悬停事件传递到较低的画布时，如何允许上面的菜单保持可点击性？
浏览 0提问于2019-07-08得票数 2
回答已采纳
我想删除当您将鼠标悬停在超链接上时出现的手形光标。
我已经尝试过这个css：
a.link {
cursor: pointer;
}
还有这个：
a.link {
cursor: pointer !important;
}
当我将鼠标悬停在链接上时，它仍然会变成手形。
有没有人知道为什么会发生这种情况，或者有什么解决方案可以让我达到这个效果？
浏览 1提问于2012-01-21得票数 77
回答已采纳
1回答
如果我有一个div (按钮)，里面有一个图标和旁边的标签，除非鼠标悬停，否则标签是隐藏的。
________
| |
| :-) |
|______|
_____________________
| |
| :-) Hello World! |
|____________________|
这并不难创建，直到你决定添加一个过渡效果。
在我的例子中发生了什么-它立即展开容器，然后慢慢地展开标签。我想让它们一起扩展。我该怎么做？
谁能给我举个例子。
我尝试过使用ng-hide, ng-hide-remove类，尝试使用flex-box，添加或
浏览 3提问于2015-01-07得票数 0
好吧，没有看到任何以前的帮助，特别是这个。我想要做的是让关闭按钮有一个“悬停”效果。当你将鼠标悬停在关闭按钮上时，它就会显示出来，当你把鼠标移出时，它就会消失。但是，我想要的是当您将鼠标悬停在显示在灯箱中的图像上时，我希望显示关闭按钮，而当您鼠标移出时，我希望关闭按钮消失。
此外，一些关于使用过渡效果或源代码的指示也会很好。我仍然是一名学生，正在进行项目组合的工作。我将于2013年8月毕业。
感谢所有的帮助=)我也在自己研究，但并不是我正在阅读的所有内容都有效或有意义。我即将来到这样的地方，雅虎！需要额外帮助的答案。谢谢!
浏览 1提问于2012-11-18得票数 1
2回答
我正在尝试将悬停效果同时应用于两个不同的元素，这意味着当我将鼠标悬停在一个元素上时，我也是另一个具有悬停效果的元素。这两个元素是一个简单的文本和一个图标(使用很棒的字体)。有没有办法只用html和css来做到这一点？或者我需要使用javascript吗？
非常感谢!
浏览 0提问于2015-11-23得票数 0
3回答
我遇到了一些悬停在opacity: 0;上的问题，但由于它们仍然存在于空间中(只是不可见)，与display: none;不同，任何附加到该对象的悬停事件仍然会发生。
我不能真正发布我正在使用的代码，但我已经设置了一个带有更多解释的来模拟它。需要注意的是，我不想使用任何Javascript来解决它，试着保持它是纯HTML/CSS的。我也从下面的小提琴中发布了HTML和CSS：
HTML：
<div class="container">
<div class="secondary-container">
.opaci
浏览 0提问于2013-02-14得票数 3
回答已采纳
1回答
我有一个网站上的图像，这是我的按钮，我想创建鼠标悬停效果-当你在图像上，flash动画显示在网站上的某些地方。我已经浏览了其他主题，尝试了答案，但我不能隐藏flash动画之前，它调用鼠标经过的效果。我希望它是不可见的，直到鼠标悬停效果在图像上，并在鼠标悬停效果消失时消失。
如果有任何帮助，我将不胜感激。
致以敬意，
麦克
浏览 0提问于2013-07-12得票数 0
回答已采纳
这是一个装腔作势的人：
加载页面时，第一次将鼠标悬停在邮件和LinkedIn选项卡上时，动画会跳转到端点框架。它应该是标签放置的动画。
在第一次悬停之后，一切正常，悬停行为与预期一样。尝试了鼠标输入、鼠标悬停和鼠标悬停。就我个人而言，我最喜欢鼠标输入，但那就是我。其行为类似于下面的水平主题按钮，它们不会显示跳转。真奇怪。
代码如下所示：
$("#zipperTabLinkedin a")
.mouseenter(function(e){
$(this).animate(
{padding:'30px 0 0 0'}
浏览 0提问于2012-09-28得票数 0
1回答
我如何实现这种动画效果(见下面的链接)和我需要从哪里开始学习，这一部分的css或html5或插件，等等。
我有css和html5的启动知识，但我不知道如何达到这个效果。
*我所指的效果是当鼠标悬停并保持背景静止时，前景图像的移动
浏览 0提问于2015-04-08得票数 0
回答已采纳
2回答
当我将鼠标悬停在按钮上时，我被要求有一个圆形的“增长”效果。 ? 请参阅此链接的参考，我需要的按钮如何工作。http://demo1.wpopal.com/corpec/home-4/ 目前，我已经在悬停时实现了“不是这个”的效果；尽管我的雇主希望这个效果有一点舍入。 我在"not this“按钮上使用了下面的css来达到增长的效果，尽管我需要将边缘变圆。 .Custom-Button a {
position: relative;
display: inline-block;
padding: 15px 70px;
border: 1px solid #fd
浏览 30提问于2019-05-23得票数 1
回答已采纳
1回答
wpf如何创建自定义按钮
、、、
在WPF中，如何制作一个带有5像素半径的白色边框、深灰色背景和白色文本的按钮？如果它仍然有鼠标悬停和按下效果，那就太好了。
浏览 3提问于2012-07-02得票数 0
回答已采纳
我的代码中有一个问题，当我将鼠标悬停在图像上时，图像会放大50%，并在图像上显示一个文本，但当我将鼠标悬停在文本上时，图像将进入mouseout、mouseover、mouseout、mouseover状态。所以它会闪烁很多。当鼠标悬停在图像文本上时，如何禁用此悬停事件？我在文本中尝试了event.stopPropagation，但它不起作用。
这是。尝试将鼠标悬停在图像上，然后尝试将鼠标悬停在文本上。这就是我所说的效果。我想禁用文本悬停事件。请帮帮我。
浏览 0提问于2012-06-05得票数 0
回答已采纳
2回答
我有一个非常简单的javascript代码，我需要为我的网站，但它不能工作，因为我希望…它是关于一个文本悬停框，当我将鼠标悬停在按钮上时，它会消失。代码只需一个按钮即可工作，但我需要更多按钮。似乎当我添加具有相同悬停框效果的第二个按钮时，它不再起作用(当我将鼠标悬停在任何按钮上时，它只悬停第二个文本)。我的问题是hov我是否可以添加相同的悬停框效果，但每个框上有不同的文本，多个按钮。这是我到目前为止得到的..。
Javascript：
var oVTog =
{
toggle: function (el)
{
oVTog.container = el.par
浏览 0提问于2013-03-07得票数 1
回答已采纳
这是一个相当简单的问题，但我似乎不能理解它。
基本上，我有一个jquery悬停，它在一个div中淡出，并在悬停时淡出另一个。
当我快速地悬停几次时，它会来回跳动大约3-4秒，以完成所有的淡入/淡出。
我通常用.stop()来停止这些事情，但这里似乎没有起到作用。如果我将鼠标悬停在an`$(".txtWrap").stop().hover( )之前的按钮上，如何消除淡入效果？
$(".txtWrap").stop().hover(
function () {
$(this).find('.txtBock').fadeOut();
浏览 1提问于2010-05-11得票数 26
回答已采纳
1回答
为了简单起见，假设我的程序的按钮在“关闭”时是白色的，而在“打开”时是绿色的。当鼠标悬停在按钮上时，按钮会改变颜色为浅蓝色。当前，当单击按钮时，按钮的颜色将保持浅蓝色，直到鼠标不再悬停在按钮上，然后(当鼠标移动且不再悬停在按钮上)按钮的绿色或白色背景将显示出来。悬停效果和按钮背景的代码当前是..。
<ControlTemplate TargetType="{x:Type Button}">
<Border x:Name="bdr" CornerRadius="22" Margin="3" BorderThic
浏览 2提问于2014-09-09得票数 2
回答已采纳
下面是一个CSS代码片段，用于在悬停按钮时将按钮从#33ae74转换到#1ce。
.button {
font-size: 3em;
font-family: inherit;
border: none;
background-color: #33ae74;
padding: 0.5em 0.75em;
}
.button:hover {
background-color: #1ce;
transition: background-color 2s ease-out;
}
它工作得很好。我的问题是:在鼠标悬停之前，没有过渡绑定到按钮，为什么当鼠标悬停时过渡会起作
浏览 0提问于2021-03-29得票数 0
我正在做一个网站--我对html和css非常陌生，我有一个问题。您可以在这里找到我正在进行的工作：。
现在我想添加一个效果:当我将鼠标悬停在一个导航标签上('Renovaties'，'Gerechtelijke expertise‘或'Over mij')时，我希望看到该标签的悬停效果，同时看到它下面的div的悬停效果(分别是带有建筑帽子、领带和名称的那个)-反之亦然。
例如:将鼠标悬停在“Renovaties”标签上，网站将显示该标签及其下方div的悬停效果-反之亦然。
我已经寻找了五个小时的解决方案，这就是为什么我被允许在这里提问的原因;-)
万分感
浏览 3提问于2013-05-10得票数 0
2回答
有没有可能添加鼠标悬停效果，在不将鼠标悬停在.css文件中的情况下更改悬停对象的background-color？我的小提琴：我想添加一个鼠标悬停效果来改变我悬停的背景颜色，有没有办法在我的var contentMenuStyle = { ... }中做到这一点？
浏览 0提问于2015-06-16得票数 0
4回答
我现在正面临着一个奇怪的bug，涉及到javascript。我使用jquery ui标签在我的网站中动态添加和删除标签，标签的内容包含两个按钮，当鼠标悬停在底部的相关链接的左侧时，这两个按钮会消失并在鼠标左键上可见。鼠标悬停在第一个默认选项卡上运行良好，但不适用于动态添加的选项卡。当我将鼠标移到新选项卡的内容上时，效果不会发生。这是一把小提琴
此小提琴与我的结果不完全相同，也不包含我的问题，因此请正确阅读我上面的声明，因为我已经解释了我使用以下鼠标悬停代码的问题
$("#butt").mouseenter(function () {
$("#bu
浏览 0提问于2013-02-28得票数 0
回答已采纳
我有一个2层的融合地图，这是代表美国城镇的点。这两个层具有相似的数据，但城镇不同。我在两层上都启用了鼠标悬停效果。有时，当两个城镇重叠显示时(在大比例地图上)，两个鼠标悬停事件触发，两个标签同时显示，一个在另一个之上。有没有办法一次只触发一个鼠标悬停事件？谢谢。
浏览 1提问于2012-11-16得票数 0
我需要使用href而不是click event，这样我就可以在下面的语句中使用hover。
我想要做的是能够像使用单击事件一样使用href，这样我就可以通过href附加一个函数，因此我可以使用在css上已经完成的悬停效果。
这是一个delete按钮，因此它将是一个灰色的x，如果您将鼠标悬停在屏幕上，它将变为红色，如果您按下该按钮，它将删除该行。
谢谢。
$(document).ready(function(){
$(".btnDeleteOther").live("click", function(){
$(this).closest('tr&#
浏览 2提问于2010-03-08得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
