通过悬停，元素扩展并覆盖另一个元素
是指在网页或应用程序中，当鼠标悬停在一个元素上时，该元素会发生扩展并覆盖其他元素的效果。这种交互效果可以通过CSS和JavaScript来实现。
悬停效果可以为用户提供更多的信息或操作选项，增强用户体验。下面是一些常见的应用场景和相关技术：
- 图片放大：当鼠标悬停在图片上时，图片可以放大显示更多细节。这可以通过CSS的transform属性和transition属性来实现。
- 导航菜单：当鼠标悬停在导航菜单上时，可以展开子菜单或显示更多选项。这可以通过CSS的:hover伪类和JavaScript事件来实现。
- 提示信息：当鼠标悬停在某个元素上时，可以显示相关的提示信息。这可以通过CSS的:before伪元素和content属性来实现。
- 按钮效果：当鼠标悬停在按钮上时，可以改变按钮的颜色、形状或添加动画效果。这可以通过CSS的:hover伪类和transition属性来实现。
- 卡片翻转：当鼠标悬停在卡片上时，可以实现卡片的翻转效果，显示卡片的背面内容。这可以通过CSS的transform属性和transition属性来实现。
腾讯云提供了一系列云计算相关的产品，可以帮助开发者构建和部署各种应用。以下是一些推荐的腾讯云产品和产品介绍链接地址：
- 云服务器（CVM）：提供可扩展的虚拟服务器实例，适用于各种应用场景。详情请参考：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：提供高性能、可扩展的关系型数据库服务。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：提供安全可靠的对象存储服务，适用于存储和管理各种类型的数据。详情请参考：https://cloud.tencent.com/product/cos
- 人工智能平台（AI Lab）：提供丰富的人工智能算法和模型，帮助开发者构建智能化应用。详情请参考：https://cloud.tencent.com/product/ai
- 物联网套件（IoT Hub）：提供全面的物联网解决方案，帮助开发者连接和管理物联网设备。详情请参考：https://cloud.tencent.com/product/iothub
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行评估和决策。
相关·内容
1回答
纳瓦尔巴不工作
、、
这是我上一篇文章的后续，我在把图片放在顶部后发现了一个问题，不确定这是否直接相关。问题是你不能点击导航链接，因为它们是透明的。
当光标放置在特定位置时，只有一个显示悬停颜色。它们中的任何一个都不能单击仅在特定位置工作的另一个。它们不显示悬停的颜色。
代码:网站张贴时代码已被删除。
浏览 1提问于2016-04-03得票数 1
回答已采纳
有没有一种简单的方法可以给Eclipse插件添加一个新的悬停控件？除了指定应该在标准悬停控件中显示哪些文本之外，我还想创建一组新的控件。
我正在编写一个将在PyDev上运行的Eclipse插件，并且我想添加一个带有滑块的悬停控件，它允许您在Python代码中编辑数值。你可以在Bret Victor的演讲中看到我试图重建的一个例子。
我在中找到了一个很好的例子，它展示了如何编写一个新的悬停控件来实现ITextHover和ITextHoverExtension2。我还查看了PyDev源代码，以找到实现ITextHoverExtension的。我认为我需要ITextHoverExtension来为悬
浏览 3提问于2012-09-27得票数 0
回答已采纳
1回答
我正在尝试创建一个非常简单的肚脐。我在我的项目和我自己的样式表中添加了引导程序。我在我的页面上只包含了一个引导类(我想)。我增加了一个自定义悬停效果，但由于某些原因，我得到悬停动画加上另一个动画播放的颜色变化和其他东西。
现在的悬停情况如下：
我希望文本在悬停时保持白色，不要有黑色的下划线。
这是我的代码：
HTML/EJS
<head>
<meta charset="utf-8">
<title>Madhose</title>
<meta charset="utf-8">
<
浏览 2提问于2020-12-21得票数 0
回答已采纳
我使用Tooltipster plugin()在悬停时显示我的工具提示。但是，工具提示仅显示在我悬停的元素的顶部/底部。
这是我用来在悬停在元素上时显示工具提示的代码，它工作得很好
$(".tooltip").tooltipster({
animation: "fade",
delay: 200,
theme: ".tooltipster-default",
touchDevices: true,
trigger: "hover",
interactive: true,
position: "t
浏览 0提问于2013-11-04得票数 4
3回答
克隆CSS类
、、
我希望将所有的:hover类复制到.hoverid类中，其中id是元素的索引(或创建unqie悬浮类名称的任何其他方法)。
因此，我的想法是以某种方式遍历页面上定义了:hover的所有元素，并将该类克隆到.hoverid中。这样，我就可以对我想要的任何元素触发悬停效应：
$('#element').addClass('hover'+$(this).id);
所以我的问题其实是：
如何迭代定义了“：悬停”的元素？
如何将这个类复制到另一个类中？
尝试解决方案的小提琴：
浏览 4提问于2013-01-29得票数 6
回答已采纳
1回答
我的jQuery代码有问题，而不是让覆盖出现在悬停，它们都出现当我悬停在一个。我做了一个JS：，如果你悬停在图像上，所有的覆盖都会出现，但是你想要出现的是你要悬停的那个。此外，我如何使该代码为触摸用户工作呢？
浏览 2提问于2014-10-10得票数 1
回答已采纳
1回答
我想这应该是个快速的问题。我试图创建一个简单的覆盖在一个div使用悬停。这一半有效，因为图像没有被覆盖。
<div class="puzzlePieceContainer">
<img class="back-link puzzleTileBack-4" style="display: none; margin-left: 0px;" alt="" />
<div class="boxShadow arrowMargin">
<div cla
浏览 1提问于2014-05-15得票数 1
回答已采纳
1回答
我希望通过单击元素将颜色从黑色更改为橙色，并在再次单击元素时将颜色从橙色更改为黑色。
我还做了一个元素: CSS中的悬停选择器，这样图标在悬停时会变成橙色。
用我的代码，元素在悬停时会变成橙色，单击它时会变成橙色。当我再次点击它时，它也会变回黑色。但是一旦我点击它，悬停选择器就不再工作了。所以当我点击它两次时，它就会因为悬停而保持黑色。
我的HTML代码
<div id="activitys">
<div class="pictures_activitys"></div>
</div>
我的javascri
浏览 0提问于2016-05-22得票数 0
回答已采纳
1回答
超级鱼在页面加载时悬停
、、、
嗨，我正在使用jquery superfish，我需要在页面加载时激活(悬停)第一个菜单项，但在悬停时，另一个菜单项取消在第一个项目上悬停。有什么建议吗？
这是菜单的html代码
<ul class="sf-menu" >
<li class="current">
<a href="#"><img class="imgbottom1" src="images/domecky.jpg" alt="venkovní plochy&
浏览 0提问于2013-05-12得票数 1
回答已采纳
3回答
我需要样式一个图标按钮与3种不同的边框颜色，一个用于常规状态，一个在悬停，另一个为当图标被点击。我正在使用function，现在我有一个函数来检查当前按钮是否是被选中的按钮，它是否适用于常规的和单击的按钮，我还添加了onHover颜色，但是如果该按钮是活动的，您无法分辨，因为在悬停接管时，在移动鼠标之前，您无法看到单击的边框。怎么做呢？
浏览 14提问于2022-07-07得票数 -2
2回答
我有一个矩形，上面有几个标签和图像，这样当用户将鼠标悬停在矩形上时，背景就会变成渐变：
<Rectangle Height="88" HorizontalAlignment="Left" Margin="54,28,0,0" Name="rectangle2" VerticalAlignment="Top"
Width="327" Cursor="Hand">
<Rectangle.Style>
<Style Ta
浏览 4提问于2011-06-01得票数 0
回答已采纳
1回答
缩聚半透明覆盖层
、、、
我想用存在于这个CSS3中的来创建这个效果。
在这个页面中，有四个圆形图像有一个美丽和先进的效果。其效果是半透明覆盖在图像顶部，当图像在上悬停时移动/缩小。最初，图像是透明的(没有覆盖)，当悬停过渡完成时，图像得到半透明的覆盖。
浏览 3提问于2015-11-23得票数 2
回答已采纳
2回答
我有一个图像边界(它在六边形地图上，所以边界必须是图像)，显示在悬停在每个十六进制。现在我想在一些十六进制上使用jQuery .click()函数，但我无法通过悬停图像单击十六进制。有没有办法解决这个问题？
非常感谢。
PS:悬停图像看起来像这样： (边框和其余部分是透明的)
浏览 0提问于2011-07-24得票数 0
回答已采纳
1回答
我有一个元素<span>，它部分地涵盖了另一个元素<div>。
div元素有一个悬停状态，所以我已经将pointer-events: none !important;应用到span中，以便当鼠标位于span覆盖的div部分上时，悬停状态保持活动状态。
这在大多数浏览器中都很好--但在IE中则不然:(
我正在尝试一些jQuery建议，试图将悬停状态保持在div元素上。与此类似的东西可能会起作用：
$("span").hover(
function(){
$("div").hover();
}
);
当悬停跨距时，模仿悬停斜面
浏览 2提问于2013-08-28得票数 0
回答已采纳
1回答
为了简单起见，我添加了一个jquery函数，它允许我插入一个元素来将图像添加到菜单中：
$('.menu-item').append('<div class="hover--state"><img src="http://myway-hannover.de/wp-content/uploads/2018/01/hover-state-menu.png" /> </div>');
当追加完成后，这将是我的菜单的布局。
<li class="menu-item">
浏览 10提问于2018-01-09得票数 0
回答已采纳
2回答
有没有办法在拉斐尔JS中模拟事件冒泡？我有几个圆形对象，我想把图标放进去，但是一旦我把图标放在上面，我所有的圆形事件处理(悬停，点击，拖动)就会变得一团糟(图标捕获了悬停，点击，拖动事件)。
我考虑过几种选择，但大多数都非常非常混乱(交叉调用所有类型的事件处理程序，试图“同步”图标和按钮)，而我真正想做的就是将图标“分组”，并作为一个按钮循环在一起。一种更简单的方法是让圆形+按钮本身成为一个图像，但我希望能够动态地更改按钮的颜色，这样手动更改图像的颜色就会很麻烦。
有没有更好的方法来做到这一点？
浏览 1提问于2011-06-21得票数 3
3回答
我有一个react应用程序，它包含带有下拉列表的select。我想应用样式的两个状态:当鼠标悬停下拉项目和下拉项目是焦点。
.select__option.select__option--is-focused {
background: blue;
}
.select__option:hover {
background: gray;
}
这两种风格都有效。如果用户将使用键盘箭头(上/下)在下拉列表中导航，则将在项目上应用blue颜色，如果他将该项目悬停，则将该项目作为背景应用gray颜色。
发布：当用户悬停具有blue背景的聚焦项时，悬停颜色会覆盖blue，但即使悬停在聚焦
浏览 5提问于2021-12-06得票数 0
如何在SmartGWT中的FormItem标题上悬停或控制悬停？我试图显示悬停在FormItem标题上的文本，但悬停是从表单项的空白处开始的，而不是在标题上。不知道如何准确地悬停在窗体项标题上。
非常感谢你的回复，下面是我正在编写的代码：
String fieldDesc = detailsRecord.getAttribute("ATTR_LANG_DESC");
String example = detailsRecord.getAttribute("ATTR_LANG_EX_CNT");
String network = detai
浏览 2提问于2017-05-02得票数 0
2回答
我有一个代码，我只能编辑CSS和JS。问题是，该页面加载一个不能更改的默认css，但您可以运行另一个css和JS来向页面添加内容并修改css。因此，我想加载的css将覆盖默认的css。但问题是你不能就这么说
a:hover {
background-color: red;
}
您将不得不重置背景色与无，并添加下划线和其他东西。
那么，我如何告诉我的css将我的*：悬停放在任何其他的重要位置，并删除默认的悬停呢？
浏览 3提问于2015-06-26得票数 0
回答已采纳
3回答
带有标题的jquery悬停覆盖
、、、、
我想要实现一个悬停叠加效果与我的公文包标题。我列出了我的工作使用一个基本的导航ul li一个img，我只是想要一个黑色的覆盖与一些白色文本，当悬停在一个特定的引用(图片与链接)
到目前为止，我得到了这个，但它显然打乱了我的链接，所以它只是一个简单的悬停覆盖，我似乎无法正确地整合标题。此外，fadeIn过渡目前几乎不存在。
THE HTML
<section id="portfoliowrapper">
<nav>
<ul class="colum3">
<li><a href="p
浏览 1提问于2011-05-13得票数 2
我试图让滚动条只在用户悬停在组件上时才出现。问题是，与不悬停时相比，可滚动元素在悬停时的边上有一个截止点，如下面的视频所示
这是我用来使滚动条在悬停时出现的css
.scroll-on-hover:hover {
overflow-y: scroll !important;
}
然后它的应用就像
<div style="position: fixed;" class="scroll-on-hover">
<nav style="background-color: navy; height: 100%;&#
浏览 0提问于2021-03-10得票数 0
4回答
$("#sales-period").on("change", function () {
$("body").css("cursor", "wait");
});
上面是我用来改变我的鼠标光标的代码，当下拉值改变时，问题是，光标在身体上确实会变成等待状态，但当我将鼠标悬停在链接上时，它仍然会变成指针。我如何才能强迫它保持显示等待状态，甚至在悬停链接时也是如此。
浏览 0提问于2013-07-08得票数 2
回答已采纳
3回答
突出显示文本区域中的文本
、、、、
我有一个文本区域和一个div。我希望当我将鼠标悬停在div中的特定单词上时，它也会突出显示文本区域中的单词，就像这样……
请帮帮我。
浏览 0提问于2012-06-18得票数 0
如果我在核心工具提示中包装了paper_elements示例中的纸张下拉列表，提示将按预期在悬停时显示。
<core-tooltip position="bottom" label="Choose country of residence">
<paper-dropdown>
<template repeat="{{countries}}">
<paper-item label="{{name}}"></paper-item>
浏览 2提问于2014-09-15得票数 2
2回答
这里有一个链接：
在他的页面上，当你将鼠标悬停在他完成的一项工作上时，会出现一个很酷的悬停。它用另一个图像替换图像。这是jquery还是css？我如何才能做到这一点？
浏览 0提问于2012-04-08得票数 1
回答已采纳
我想更改Chrome元素检查器的工具提示文本。(当您在树视图中悬停一个节点时，在页面中看到的那个)。我想在那里补充更多的信息。
这有可能吗？我在文档里找不到任何信息。
或者，在高亮矩形的另一个角落创建一个新的小工具提示(这不会干扰现有的工具提示)也可以。谢谢你的提示和建议。
浏览 7提问于2015-05-11得票数 1
1回答
超链接图像不工作
、、、
当用户在悬停时点击图片和打开链接时，我遇到了麻烦。
这是我的问题的
第一个版本不工作，因为它是在悬停阴影。在第二个版本中，它全部工作，因为它没有阴影。
<div class="li_poster">
<a href="http://google.com" target="_blank">
<img src="http://www.logodesignlondon.co.uk/wp-content/uploads/2013/12/google.jpg" alt="google"
浏览 3提问于2014-02-06得票数 0
回答已采纳
5回答
完全重叠的圆形div
、、、
我有一个包含圆形元素的列表。它们在背景中有一个图像，在悬停时，另一个div应该作为覆盖图变得可见。到目前为止，它是有效的，但是仍然有一个可见的边框，这表明悬停的div没有完全覆盖另一个圆角元素。
HTML：
<ul>
<li>
<div class="hover"></div>
</li>
<li>
<div class="hover"></div>
</li>
<li>
浏览 1提问于2014-04-30得票数 2
我试图克隆一个网站，这是这个网站的链接
正如您在这张图片中所看到的，当我将鼠标悬停到"tảiứng dụng“行时，它将显示QR代码。
我的问题是，我想使用一些扩展，比如页面标尺redux来度量QR代码的大小，但是当我将鼠标移动到另一个位置时它就消失了(我单击在强制元素状态下的悬停，但它仍然消失)。
我认为当我点击在力元素状态下的悬停时，它必须显示QR代码，它不会消失吗？
你能给我一些方法让它显示出来测量它吗？
非常感谢你抽出时间。
浏览 18提问于2022-03-23得票数 0
当我在ListView (UWP应用程序)的DataTemplate中使用Button控件时，ListView项的拖放不起作用。如果我使用像StackPanel，RelativePanel或网格这样的容器，而不是按钮控件，一切都会正常工作。我更喜欢将Button控件作为容器，因为我喜欢它在ListView项上的鼠标悬停效果。我可以为StackPanel等做类似的事情，通过使用样式和行为编程的组合来实现自定义的悬停效果，但要尽量避免这种方式(过于复杂)。
我是否可以对Button控件做一些操作，使其在成为ListView DataTemplate的一部分时提供悬停并响应拖放事件？
我也很好奇是什
浏览 5提问于2017-07-25得票数 1
我有一个导航，它通过css隐藏在视口之外，并通过:hover伪类显示在包含li的光标上。下面是标记和css。
ul li div#someid{position:absolute;left:-9999px;opacity:0;}
ul li:hover div#someid { left:0;opacity:1;z-index:9000;}
<ul>
<li>
<div>The Content to Hide <a href="#runAjax">Click Me</a></div&
浏览 1提问于2011-07-20得票数 0
回答已采纳
首先访问此页面，然后将鼠标悬停在菜单上：
然后访问这个Wordpress页面，我在这里实现了完全相同的代码：
当您将鼠标悬停在Wordpress菜单上时，您将看到滑块不显示。为什么？我可以看到页面给出了一个错误，声明：
$ is not a function
http://miladalami.com/wp-content/themes/sandbox/js/custom.js
为什么会这样呢？这是完全相同的代码，完美地运行在另一个页面上。我不明白为什么它会在Wordpress页面上给出这个错误，而不是在滑块工作的另一个页面上。有人能帮我解决这个难题吗？
奕江解开的谜题。
浏览 2提问于2011-01-15得票数 0
回答已采纳
1回答
嗨，我有两个div (一个在另一个上面)包含在一个父div中。在悬停时，我希望上面的div能滑动u，并显示它下面的红色div。我已经让它工作了，虽然它不能顺利过渡，当我移动鼠标时会闪烁。我希望它保持这个位置，直到鼠标离开div区域，然后平稳地滑回原来的位置。我在下面添加了密码和小提琴手。我非常感谢你的帮助和投入！
<div class="block">
<div class="top"></div>
<div class="bottom"> Testing</div>
</div
浏览 1提问于2014-06-17得票数 0
鼠标悬停或单击时功能不能正常工作。它只在第一次工作。当我第二次单击或悬停它时，它不工作。请帮帮忙。
`<script>
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
function a()
{
document.write("Show Time");
}
</script>
<div id='demo' onmouseover='displayDate()' onmouseout='
浏览 0提问于2013-06-12得票数 0
1回答
基本上，我有一个div元素，里面有一个图像，当鼠标悬停在它上面时，它会显示另一个div，上面有一些可点击的选项。这一切都完美地工作在PC上，你可以真正地悬停在元素上，但在手机上，悬停是不可能的，你必须按下图像才能显示菜单。问题是，如果我点击要显示的菜单的图像，它会自动触发菜单中的选项，而不是仅仅显示它并要求再次点击选项。
有没有办法用html/css解决这个问题?如果没有，有没有使用js的解决方案？
谢谢。
浏览 2提问于2016-10-26得票数 2
11回答
我需要在整个DOM中的特定按钮(而不是所有按钮)上禁用鼠标悬停。请让我知道如何使用CSS类来实现它。
当我的按钮被禁用时，我正在使用下面的CSS类。现在，我想使用相同的类来移除悬停效果。
.buttonDisabled
{
Cursor:text !important; Text-Decoration: None !important;
}
上面的类将负责删除鼠标悬停时的手势和文本下划线。现在我也想去掉悬停效果。请让我知道。
浏览 4提问于2014-11-05得票数 85
7回答
我想应用一个CSS到页面加载的一些链接按钮，但其中一个<a id="lb1">logoff</a>必须保持其样式，没有悬停或其他事件必须改变其样式。
linkbuttons没有类，应用于所有这些按钮的css都是通过标记完成的，这种方式如下：
a
{
//style
}
a:hover
{
// style
}
有可能吗？
浏览 0提问于2012-12-20得票数 12
回答已采纳
我有一个div，它使用css转换在悬停时显示另一个内容。
有一个文本元素<h3>Another Text</h3>覆盖链接<a href="mailto:x@x.x">email adress</a>。在桌面浏览器上，它工作正常-我可以在鼠标悬停激活后点击链接。在手机设备上，点击元素代替悬停，有一个问题--如果我通过点击“另一个文本”来激活悬停，它就会立即打开链接。
我的问题是，如果有任何方式限制链接打开的第一次点击。在电话设备上的理想场景是：
用户点击“另一个文本”
悬停被激活，链接显示，但不触发。
用户单击链接并触
浏览 8提问于2016-12-17得票数 1
3回答
我有一张表，样式是这样的：
.highlightrows tbody tr:hover {
background-color: #aaaaff;
}
然后，我在此行上有一个click处理程序，用于从表中删除该行并将其添加到另一个表中。当我单击鼠标时，我当然会将鼠标悬停在行上，因此应用的是样式。我的问题是，当我将它附加到另一个表中时，悬停样式并没有被删除。如何在jQuery中删除样式？
编辑:我做了一个jsFiddle来描述我的问题。
浏览 1提问于2011-10-17得票数 1
大家好，我已经组织了一个简单的下拉菜单系统，它使用hoverIntent来显示子菜单，还可以显示灯箱风格的“熄灭”黑色背景。
我已经让菜单正常工作了，但我想要更新它，这样如果你从一个项目移动到下一个项目，黑色的背景就会留在原来的地方，而不是消失和重新出现。
我已经创建了一个jsFiddle，所以您可以看到我在说什么：
请尝试将鼠标悬停在菜单项%1上，然后移动到菜单项% 2。
我希望能够在HoverIntent调用的.mouseleave()部分中看到鼠标光标移动到的元素，如果它是另一个菜单项，我将防止暗背景被关闭。
浏览 0提问于2012-04-22得票数 0
回答已采纳
我正在尝试删除在SharePoint 2010列表项行中显示行项目旁边的复选框的悬停效果。有没有什么设置可以实现这一点？我希望避免对CSS和javascripts进行修补。请看下面的插图。谢谢。
浏览 3提问于2011-11-23得票数 0
回答已采纳
4回答
在不同位置显示悬停时的div
、、、、
我知道如何使用CSS将鼠标悬停在一个div上时显示另一个div：
.showme {
display: none;
}
.showhim:hover .showme {
display: block;
}
<div class="showhim">HOVER ME
<div class="showme">hai</div>
</div>
但是新的div显示在悬停div的下面。我怎么可能有一个div，当你悬停它时，会显示另一个div，这个div可能在页面的其他地方，例如在悬停的div之上。而不是
浏览 10提问于2020-06-29得票数 0
我已经使用css为某些元素分配了悬停状态。在特定事件之后，我想使用jQuery更改悬停状态。我想改变:悬停类选择器，我已经在css文件中提到过。我知道我可以使用.hover函数来实现，但我不想使用它，因为它不适合我的应用程序。在我的应用程序中，这种悬停状态的变化是特定的时间，这意味着在特定的时间之后，我必须解除对悬停事件的绑定。但是在我的应用程序中有很多条件模块，我需要调用这个unbind事件。很多低效的调用来解绑我不想要的东西。
elem {
width:10px;
}
elem:hover {
width:20px;
}
我想要从20px to 40px更改hover状态的宽度。我
浏览 10提问于2012-06-09得票数 2
4回答
有没有一种使用javascript悬停元素的方法？我不想创建另一个类，我只想让元素在我的鼠标指针不在元素上时与javascript一起悬停。
例如，我有5个具有相同类的元素，当其中一个元素实际悬停时，我想在所有元素上调用hover。
浏览 1提问于2009-12-31得票数 6
回答已采纳
2回答
我在这里做了一些错误的事情，并将感谢关于纠正它的建议。
在CSS中使用带有图像url的cursor属性是可行的，但我似乎无法让它处理默认上下文以外的任何其他内容。例如，当我在锚上悬停时，光标将转换为常规OS指针游标。
我希望能够为每个上下文定义不同的图像url。这个是可能的吗？
提前谢谢。
我正在使用Chrome进行测试，但也需要跨浏览器。我还知道Opera不支持图像游标。
浏览 3提问于2013-10-15得票数 2
回答已采纳
我正在尝试验证一个html元素是否悬停在上方(我的意思是当鼠标离开该div时)，以便隐藏另一个元素。问题是，我需要检查状态的元素是为另一个第三方库动态生成的，并且可以复制。html看起来像这样:一次只有一个是可见的。 <div class="jqx-menu-popup jqx-menu-popup" style="visibility: hidden;">
....
</div>
<div class="jqx-menu-popup jqx-menu-popup" style="visibilit
浏览 13提问于2019-03-04得票数 0
3回答
垫-扩展-面板删除边框
、、、
我有一个mat-data-table，其中mat-expansion panel作为一列。由于某些原因，在某些行的垫子扩展面板周围有一个边框，我如何摆脱它。当用户悬停鼠标时，展开面板展开，当鼠标离开时，展开面板折叠。这些行拥有的数据与没有边框的数据是一样的。在这张图片中，notes列在mat单元格中有mat-expansion panel。
<mat-cell *matCellDef="let workOrder">
<mat-expansion-panel class="" _ngcontent
浏览 0提问于2018-05-22得票数 0
2回答
好的，我的页面上有两个下拉菜单:导航和链接。链接正常工作，但是当我试图将鼠标悬停在它上面时，导航消失了。我不知道为什么，所以我就问了。为什么当我将鼠标悬停在导航菜单上时，它会消失，我该如何修复它？
浏览 1提问于2011-08-13得票数 1
回答已采纳
2回答
单击直达子层
、、、、
我有一个人体模型的HTML图像。图像映射定义身体部位。我在图像映射的顶部有两个div，一个用来显示悬停选择，另一个用来显示当前(活动部分)。我的问题是:当一个部分被标记为“活动”时，我在“活动”层上重新定位背景以显示突出显示的背景图像(使用不同颜色的精灵贴图。当我显示'active‘状态时，我不能通过点击它的透明部分来选择不同的部分。
一种可能的解决方案是使用，但我希望尽可能保持它的兼容性。
浏览 2提问于2014-08-20得票数 0
3回答
Bootstrap 3的按钮悬停状态与其焦点状态完全相同。
有没有办法改变这一点？我知道这只是一个表面上的问题，但我希望当鼠标悬停离开时，鼠标的悬停状态会消失，但仍然有另一个明显的功能，即知道按钮具有焦点。
我不知道这是我的浏览器的问题，还是它真的是故意的(或者一个bug?)。
我使用的是Chrome最新版本。(版本34.0.1847.131 m)
链接到Bootstrap 3按钮示例。
单击标记为“输入”的第三个按钮，然后向外移动鼠标。
--
更新：
我尝试过覆盖默认的焦点/悬停样式，但现在按钮即使在鼠标悬停在其上时也会停留在焦点状态。有没有办法克服这个问题？似乎焦点状态在样式上比悬停具有更
浏览 0提问于2014-05-15得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
