下拉菜单悬停:颜色不会完全填充所需元素的背景
下拉菜单悬停是指当鼠标悬停在下拉菜单上时，菜单的颜色不会完全填充所需元素的背景。这种效果可以提供更好的用户体验，使用户能够清晰地看到菜单项和背景之间的区别，从而更容易选择所需的选项。
下拉菜单悬停通常在网页设计和开发中使用，特别是在前端开发中。它可以通过CSS样式来实现，通过设置菜单项的背景颜色、边框颜色、字体颜色等属性来实现悬停效果。具体实现方式可以使用CSS伪类选择器:hover来设置菜单项的样式，当鼠标悬停在菜单项上时，应用相应的样式。
下拉菜单悬停的优势在于提升用户体验和界面交互性。通过改变菜单项的颜色，用户可以更清晰地识别当前鼠标所指向的选项，减少误操作和选择错误的情况。此外，下拉菜单悬停还可以增加网页的可访问性，使得使用辅助技术的用户（如屏幕阅读器用户）能够更好地理解和操作下拉菜单。
下拉菜单悬停适用于各种网页应用场景，特别是需要提供多个选项供用户选择的情况，如导航菜单、筛选器、下拉列表等。它可以用于各种类型的网站和应用程序，包括电子商务网站、社交媒体平台、新闻网站、博客等。
腾讯云提供了一系列与网页开发和云计算相关的产品，可以帮助开发者实现下拉菜单悬停效果。其中，腾讯云的云服务器（CVM）提供了强大的计算能力和灵活的配置选项，可以用于部署和运行网页应用程序。此外，腾讯云的内容分发网络（CDN）可以加速网页的加载速度，提供更好的用户体验。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于这些产品的详细信息和使用指南。
相关·内容
1回答
我正在玩一个来自的导航条例子。我希望肚脐下拉是整个页面的宽度，并显示下拉式悬停。
我通过在下拉类中设置position:initial;和在下拉菜单类中设置width:100%;来管理全宽度功能。
问题是，当设置position:initial时，当您悬停在其上单击其中一个链接时，下拉列表将消失。
关于如何解决这个问题，有什么建议吗？
以下是我尝试过的：
将下拉菜单类设置为display:none，并将下拉类设置为display:block。
确保将类设置为display:none高于带display:block的类(根据这里的答案：)
删除导航条和导航条元素周围的所有填充(根据这
浏览 2提问于2019-06-15得票数 1
回答已采纳
2回答
我正在构建一个带有箭头的地图，当用户单击这些箭头时，这些箭头会触发一些操作。
我使用类似于这个字符^绘制箭头，我想要的是改变它的颜色，当用户移动鼠标在它上面。我需要的是避免在鼠标悬停在字符下面时触发事件，我使线条高度属性变小，并在顶部添加了一些填充，因此背景区域被调整为只覆盖字符形状，它看起来如下：
背景面积减小了。
问题是:悬停，它继续触发对“原始字符区域”，它是忽略线高度属性，如果你移动鼠标下的彩色区域，它将触发悬停和改变文本颜色。
我需要“悬停”属性来触发文本行高度或颜色背景。
这个是可能的吗？
div{
color: white;
font-size:
浏览 1提问于2018-11-14得票数 2
回答已采纳
我正在尝试自定义使用CSS导航条，但有问题，如何使子菜单的100%宽度。目前看来是固定的。当没有足够的空间显示整个菜单时，我也在试图找出如何使子菜单显示在下拉菜单的两边。
信息。目前，无论子菜单的大小如何，它们都会出现在菜单的右侧。
我尝试过在CSS中添加各种位置:并显示:标记。
海军条形码：
CSS代码：
/*****顶部菜单*/ .navbar {页边: 0；背景：#fff；边框: 0；-moz-边框-半径: 0；-webkit-边框-半径: 0；边框-半径: 0；}ul.nabar-导航{字体大小:14 5px；颜色：#888；文本转换:大写；}ul.nabar-nav
浏览 1提问于2019-01-30得票数 0
1回答
我又需要帮助了。在我的导航菜单“图片库”下的下拉列表在单词图库下面没有对齐--参见live : lofthairstudio.ie。
有人能看到我哪里出错了吗?我想让画廊的下拉内容出现在菜单上的单词库下面，而不是现在的样子。
谢谢，提前盖斯
主导航*/ /*core样式*/.下拉菜单{文本对齐:中心；页边距: 0；填充: 0；列表样式:0；}.下拉菜单li {位置:相对文本对齐:中心；}.下拉菜单ul {位置:绝对；无空格:后缀；新空格：“后属性”；“空白”：
后置属性；顶部: 100%；左: 0；z-索引: 99；不透明度: 0；可见性:隐藏；转换: all .2s轻松退出；边距:10 p
浏览 1提问于2014-05-12得票数 0
我已经建立了一个下拉菜单，这是一个甜的，因为它得到。右键点击一个元素，打开下拉菜单，我悬停在第一个选项上，soo到目前为止还不错，字体颜色和背景色应该会发生变化，子菜单就会打开。问题是，当我悬停在子菜单上时，I“松散”的灰色背景颜色“家长”有什么想法吗？
<div id="contextMenu" class="dropdown-menu" role="menu" style="display: block; left: 997px; top: 438px;">
<ul class="dropdown
浏览 3提问于2022-01-21得票数 -1
我正在使用，并试图让样式稍有不同。基本上，当我将鼠标悬停在带有ul的菜单上时，下拉菜单就很好了。当我将鼠标悬停在下拉列表中的元素上时，文本颜色就很好了，因为我用:hover设置了该元素的样式。
当我不将鼠标悬停在该元素上时，它使用顶层的颜色。
我希望它保持白色-请忽略背景颜色的差异，我正在尝试一些东西。
我的CSS
我必须使用jQuery .addClass才能让它保持白色吗？
浏览 3提问于2012-01-17得票数 4
回答已采纳
我有问题的CSS下拉菜单，它不工作在铬在悬停。
预期行为:在列表项上悬停的应将背景色更改为使用CSS规则设置的颜色。
实际行为:即使在列表项上悬停后，默认颜色(蓝色)仍保持不变。
如果我在Internet (IE10，11)中运行相同的代码，它的工作非常好，但在chrome.My铬版是47。
MyCode：
<style> option:hover {
background: #01A982;
}
</style>
<select>
<option>1</option>
<option>2</
浏览 4提问于2016-01-21得票数 1
我试图在html页面中实现两个下拉项目。但问题是，它们的位置不是在下拉文本的底部，而是相互重叠的。尝试边距属性，但我想自动定位它们。我编写了样式表代码，这样我就可以在任何我喜欢的地方使用它，并且为了显示删除内容，我只需要在下拉列表中添加悬停事件。
对于下拉内容，这将定位到绝对与块显示。
“CSS代码”是：
.NavBar{填充:10 px10px10px0px；边距: 0；背景色：#616161；位置:固定；顶部: 0；左: 0；宽度: 100%；字体-家族: Arial，sans-serif；} .NavBarList{显示:内联；填充:10 0px；背景色：#616161；颜色:白色；
浏览 7提问于2017-11-02得票数 1
回答已采纳
这是一个CSS问题。在中，你可以看到一个按钮。它里面有两个span-element。一个使用float:left;，另一个使用float:right;。
样式是普通的按钮样式。在iPhone上单击该按钮或将其悬停在浏览器中时，样式会丢失。这是因为我改变了背景颜色。
有没有一种方法可以在不丢失整个按钮样式的情况下改变背景颜色？
编辑:这里有两个图像:第一个按钮是一个普通的button-element。第二个按钮是我更改了背景颜色的按钮...这是我将鼠标悬停在按钮上时的样子。
浏览 0提问于2010-11-18得票数 0
回答已采纳
1回答
我的下拉菜单的背景色有点问题。我把悬停时的背景色改为橙色。但是，如果在该下拉菜单中找到任何子菜单，父项的颜色将更改为默认蓝色。不知道，如何更好地解释它，我只会展示一张图片：
因此，当我悬停在子项上时，父背景颜色就会变为蓝色。我试着做一个选择器，但是没有什么想法了。有什么帮助吗？
浏览 3提问于2013-10-08得票数 1
回答已采纳
1回答
我的下拉菜单工作得很好，但是我遇到的问题是，当你将鼠标悬停在实际的下拉菜单中的链接上时，父链接和文本会变成黑色。我希望它保持相同的背景和文本颜色作为翻转。我已经尝试在下拉列表中更改背景、文本颜色和悬停样式-切换时不做任何更改。
下面是我的代码的引导程序：
浏览 0提问于2014-04-04得票数 0
1回答
下拉菜单CSS扇区
、、、、
我是CSS和HTML的初学者。目前我真的被下拉菜单困住了，我已经找了好几个小时的答案了，只是找不到错误。如果我把“位置:相对”子菜单显示在导航栏内，但它应该显示在外部。如果我离开“职位:绝对”两者
元素叠加，但它们在导航栏之外，我想要它。当然，仍然存在着脱离悬停效应的两难局面；它应该只显示光标在顶部元素上的情况。
HTML <body> <nav> <ul class="topnav"> <li style="float: right;"><h1&g
浏览 2提问于2017-01-13得票数 0
回答已采纳
1回答
下拉菜单内容悬停颜色
、、、
我正在创建一个网站，并想做一个悬停背景色下拉菜单。我有下拉按钮来改变颜色，但我不能让下拉菜单中的链接在我悬停在它们上面时改变。
浏览 1提问于2020-05-21得票数 0
1回答
CSS下拉抽搐
、、
我正在开发一个网站，并使用传统的CSS技术，仅下拉菜单，但集成CSS3属性。也就是说，客户端需要特定的菜单项，这些菜单项推动了
包含它们的s。这是在菜单之间转换时引起的抽搐。
CSS如下所示：
#nav{背景-图像:url(./image/nav-bg.png)；高度:32 8px；宽度: 100%；填充-右:8 8px；背景-重复:重复:x；z-索引:3；}{列表样式-类型: 0；高度:32 8px；填充: 0；空白:0自动；宽度:500 8px；垂直-对齐:基线；颜色：#fbf9ec；#drop li {浮动:左；位置:相对；填充:0；行-高度:32 8px；背景：#3a7c38 url(
浏览 1提问于2012-04-24得票数 0
回答已采纳
1回答
我使用angularjs指令创建了一个下拉菜单，该指令运行良好，现在我在指令中编写了所有css，在其中一个特性中，当鼠标悬停下拉列表选项时，它应该将背景颜色更改为#27A1EC -蓝色，文本颜色改为白色，在鼠标离开时，背景颜色为白色，文本颜色为实际颜色，但我面临的一个问题是，由于在JQLite中没有JQuery .find()选项，我尝试使用了如下所示。
我用的是angular.element(document.querySelector('#parent'))而不是elm.find('a').first()，我不知道这是否正确
elm.find("a
浏览 0提问于2015-04-07得票数 1
回答已采纳
1回答
有没有人知道是否有可能改变IE10和11下拉菜单中突出显示的颜色？
IE9高亮与蓝色背景，而IE 10和11突出显示灰色。
我想突出显示的选择，用户是悬停在蓝色，如在IE9。
见图
更大的图像：
非常感谢你的帮助
浏览 2提问于2014-09-24得票数 1
回答已采纳
2回答
我正在使用jQuery更改悬停时的表行的颜色，我注意到在以下实例中我得到了不同的结果。
CSS如下：
.normalcolor {
background-color: #dedede;
}
.reddishcolor {
background-color: #ffc59c;
}
.hovercolor {
background-color: #f1e1c0;
}
现在，我正在用jQuery做悬停效果，使用下面的代码：
$("table.withhover tr").hover(function(){
$(this).addClass("h
浏览 1提问于2010-08-14得票数 5
回答已采纳
我想让我的引导下拉菜单在某些字体颜色和背景色，当我单击特定的选项卡，标签背景和字体颜色想要改变，我也想改变标签背景在悬停(或)鼠标。我已经使用一些特定的样式来更改特定单击选项卡的字体颜色，但它的颜色在我悬停时不会改变。
这是我的引导推特下拉菜单
<a href="#show_tab" class="dropdown " data-toggle="dropdown" aria-expanded="false">
Reviews <span class="caret"></s
浏览 1提问于2015-04-06得票数 0
回答已采纳
4回答
我有一个下拉列表，我想让它在IE7中工作。在其他bug中，最让我感到困扰的是悬停时的锚点，而不是将背景推到完全填充高度。它似乎停留在其li的维度内，并最终停留在ul的维度内。我尝试扩展ul和li的高度，但似乎不起作用。可在所有其他浏览器中正常工作：
你应该看到的:锚定标签，在悬停时，应该在底部展开50px (根据css #menu > ul > li:hover > a { padding-bottom:50px; }。这个扩展被执行了，但是背景颜色似乎并没有推到锚点的边距。
我做错了什么？
浏览 2提问于2011-12-13得票数 1
回答已采纳
我正在使用WPML插件翻译我的网站。正如您可以通过单击下面的链接所看到的，如果您将鼠标悬停在旗帜上，导航下拉菜单将继承导航其余部分的类(白色背景、填充宽度等)。我想让背景变得透明，这样只会出现旗帜。我已经尝试了几种方法来解决这个问题，但都无济于事。这是我正在尝试使用的CSS。有人能帮上忙吗？
.sub-menu is--forced-placed {
width: auto;
background-color: none;
color: none;
}
链接到我的网站：
浏览 8提问于2017-05-11得票数 1
在我的导航栏中，我有一个下拉菜单。问题是，当我在菜单下拉菜单上悬停时工作正常，但当下拉菜单出现时，我们悬停在其上的菜单项颜色松动，这里是链接
这是的屏幕截图
浏览 2提问于2014-04-07得票数 0
我对这件事感到困惑。
我设置了一个主菜单，当您在菜单项上悬停时，背景颜色是#f2dabd，颜色是#8d0000，但是当我悬停在父菜单项上时，下拉菜单就会像预期的那样出现，但是如果我随后悬停在一个子项目上，父菜单标题的字体颜色就会改变(父项既不是活动的，也不是:悬停的背景颜色，但是悬停背景颜色仍然适用。我似乎想不出怎样才能阻止它这样做。
这有点难以解释，所以我将提供一个链接到有关的开发站点：
因此，如果您在菜单项服务上悬停，然后不单击，则在恢复等子项上悬停，您将看到“服务”文本更改颜色以与悬停背景色相匹配。我只是想不出如何用css来瞄准它？
如有任何建议，将不胜感激。我在Joomla的具体交流中
浏览 0提问于2017-05-09得票数 0
回答已采纳
2回答
我正在创建一个HTML多级下拉菜单。当我将鼠标悬停在第一个菜单级别上时，我希望更改第二个菜单级别的背景。 我能够改变第一级下拉式项目的颜色悬停与第一个代码截取如下 下拉列表中第二个级别的背景颜色可以通过第二个代码片段进行更改 因此，我认为我想要的是通过将这两个片段相互连接来实现的。但是两者的连接对我来说是行不通的。最后截取的代码不起作用。我做错了什么？ .dropdown-content > ul > li > a:hover {
background: blue !important;
}
.dropdown-content > ul > li &g
浏览 18提问于2019-10-03得票数 0
1回答
我一直试图更改鼠标悬停的选择下拉菜单中选项元素的背景色，但我无法使其在Microsoft中工作，悬停始终显示为灰色。它在Chrome和Firefox中运行得非常好，而且:悬浮可以在Edge中的其他元素上运行，但我无法选择:悬停来更改背景色。
此外，如果select设置为multiple，则悬停运行，但如果处于下拉模式，则无效。
是否有什么技巧可以让边缘改变颜色，还是它是浏览器的限制？
另一个问题。我还试图更改所选选项的颜色，虽然选项:checked有效，但当下拉列表第一次打开时，它显示为灰色，直到我将鼠标移到选项列表上，样式才会生效。
浏览 5提问于2021-08-02得票数 1
回答已采纳
1回答
用户菜单导航背景颜色的CSS代码
、、、、
我已经设法使用以下代码让导航栏悬停颜色中的usermenu正常工作： .Nav_prim--side .usermenu a.toggle-display:hover{
background: #0081c6;
} 但我似乎不能获得背景颜色，以保持悬停颜色，而下拉菜单是活动的，而它变成了黑色？我怎么才能让它工作呢？ Menu background color after clicking menu
浏览 16提问于2020-09-06得票数 0
在我的HTML5代码中，我使用列表在导航栏中创建选项卡。
<div id="nav_tabs">
<ul>
<a href="Index_V2.html">
<li>
Home
</li>
</a>
<a href="#media">
<li>
Media
</li>
</a>
<a href="#agenda">
<li&g
浏览 0提问于2013-07-22得票数 1
回答已采纳
3回答
悬停中心填土单元
、、、
我如何创建一个按钮，使在悬停背景颜色填充元素从中心到左和右的元素。
例子：
我知道如何使用CSS3 transitions，并且可以将其动画到所需的形状，但不能使它从中心向外过渡。
这个形状不改变大小，我只想用一个transition填充它。
浏览 1提问于2014-05-29得票数 17
我在我的下拉导航中的"ul a“上设置了一个悬停，将a的背景颜色改为橙色，将文本改为白色。问题是，当你向下悬停到打开父菜单上橙色背景的子菜单时，"ul a“又回到了unhovered状态。
这是页面顶部的下拉菜单，此处为
浏览 1提问于2012-10-15得票数 0
回答已采纳
我正在制作一个网站，想要在一个div中有一个链接，当它盘旋时会改变颜色，但是我遇到了一个问题。预先悬停，我想要一个边框周围的div相同的颜色，在链接内的文字。背景颜色应该是白色。然后，在悬停时，我希望背景颜色改变为文本和边框的颜色，文本变成白色。因为我在链接和div边框之间填充了一些内容，所以它不太像预期的那样工作。下面是html/css源：
HTML：
<div id="home">
<a href="index.html">HOME</a>
</div>
CSS：
#home {
border:
浏览 5提问于2014-12-31得票数 1
回答已采纳
3回答
我有一个使用列表(li)的垂直菜单，我让它在悬停时改变背景颜色。
#limenu:hover {background-color:#000}
但是，我不希望背景填满100%的宽度。有没有一种方法可以设置背景宽度或在两侧创建填充？
浏览 0提问于2010-01-12得票数 2
回答已采纳
现在，如果有一种方法可以在jquery中转换这个.hover属性，或者通过javascript控制它来动态地改变颜色，我想要这样做。
CSS：
ul li:hover a {
color: #FFF;
}
有人能帮忙吗？
编辑：
我的问题是：
我有一个下拉菜单，我希望当我悬停菜单时，文本颜色会改变，当我悬停子菜单时，悬停状态会同时保持。
JQuery:
$("ul li").hover(function () {
$(this).stop().animate({ backgroundColor: "white"}, 500);
浏览 10提问于2010-12-14得票数 4
回答已采纳
1回答
我做了一个TabControl，想使用一些控件(标签、文本框、按钮和组合框下拉菜单)。问题是，当我选择一个选项卡时，默认背景颜色与控件过去所在窗体的默认背景颜色不同。标签和控件的颜色太相似了，看起来不太好。
我看过了，但人们似乎说这是不可能的标签颜色。对此有什么好的解决方案？我是不是应该在标签里放一些框架，标签或者其他东西来使背景变暗呢？
浏览 0提问于2010-11-24得票数 2
回答已采纳
我有一个div的社会链接，我想使背景颜色填充整个div时，悬停任何锚不同的颜色取决于哪个链接被悬停。
目前，背景仅在锚点文本下更改。
我正在研究如何使用纯CSS用孩子的背景色填充整个父代。
#social {
width: 400px;
height: 300px;
position: relative;
font-size: 36px;
font-weight: bold;
text-align: center;
}
a:link {
text-decoration: none;
transition: all .5s ea
浏览 4提问于2017-02-15得票数 2
回答已采纳
1回答
我有一个有两列的下拉菜单，我希望块内的链接在悬停时改变颜色，但当我添加样式时，只有顶级ul元素起作用，整个块都是活动的。我已经关注这个东西太久了，不知道我需要在哪里添加li的a:hover。
你知道我需要把它放在哪里，这样主链接就不会有悬停效果，而下拉列表就会有悬停效果吗？
浏览 2提问于2012-09-13得票数 0
我目前正在设计wordpress主题，我需要一些javascript来实现悬停效果。我使用Wordpress Jquery + Jquery彩色动画插件。
结构：
我使用div (class= " post“)作为wordpress文章的容器，而在”post“div中，我有一个span (class=" title ")，用来显示文章的标题。
我想做的是：
当用户在"post“div上徘徊时：
".title“的背景颜色从黑色到红色逐渐褪色。
当用户悬停(OnMouserOut) "post“div时：
".title“的背景色逐
浏览 1提问于2010-01-12得票数 0
回答已采纳
2回答
改变悬停背景的z指数
、、、
这个是可能的吗？我有
<div class="one">
<a><img src="http://lorempixel.com/100/100"></a>
</div>
我希望它在div (或<a>)上的悬停，新的悬停:背景颜色/图像覆盖<img>，有点像z索引的悬停变化。
所以在<div>或<a>悬停时，100 would是看不见的，所有的东西都是金子。
我想保留内联<img>元素。
浏览 5提问于2013-09-20得票数 2
回答已采纳
我已经定制了一个下拉列表。 <select name="country">
<option value="Andorra">Andorra</option>
<option value="Albania">Albania</option>
<option value="Armenia">Armenia</option>
<option value="Austria">Au
浏览 12提问于2019-02-11得票数 2
2回答
在CSS中，我有几个带有悬停效果的DIV项目。如果我将鼠标悬停在一个元素上，这个元素会有另一种背景颜色。如果我将鼠标悬停在另一项上，则前一个选定项具有默认背景颜色，而不会悬停。
我怎样才能用jQuery做到这一点？我想要动画背景颜色，但希望通过悬停在另一个项目上来消除淡出(动画)效果。我尝试了窗口超时，但在鼠标指针滑过几个元素后，一切都闪烁和错误。
这是我用来制作鼠标悬停动画效果的代码：
$('.entry').mouseover(function() {
(this).animate({ backgroundColor: "#0F410E" }, { dur
浏览 0提问于2012-07-16得票数 2
回答已采纳
我有一个导航栏，我希望能够使用下拉菜单，但我发现的w3schools显示项目在同一行+悬停背景颜色变化太大。有人能看看然后告诉我出了什么问题吗？
浏览 5提问于2016-09-07得票数 1
回答已采纳
我使用TailwindCSS和DaisyUI (通过CDN)。 使用DasiyUI Dropdown时，有没有办法改变下拉菜单的颜色？这包括下拉菜单本身的背景色，然后悬停在项目上(CSS :hover)，然后单击它(CSS :active)。 ? (单击时) 到目前为止，我已经能够更改dropdown本身和悬停时的背景颜色。 <div class="dropdown">
<div tabindex="0" class="m-1 btn clickabl
浏览 52提问于2021-10-08得票数 1
这是演示：
如果您在主菜单上导航，则会打开一个下拉菜单。如果您将鼠标悬停在菜单项上(在下拉菜单中)，背景将突出显示(在本例中为橙色)。我找不到更改此颜色的css命令。
谢谢。
浏览 5提问于2013-10-19得票数 1
这段代码用于下拉菜单，问题是当我在li上方悬停时，下拉菜单会很好地打开，然后当我将鼠标移动到新的下拉菜单div时，我需要li的悬停属性被删除，我需要li背景来使用悬停属性，直到鼠标离开li a或下拉div。
$("ul.nav li").hover(function(){
$(this).find('.dropdown').toggle();
});
这是我正在使用的菜单代码。
<ul class="nav">
<li class="first"><a href="/"
浏览 1提问于2014-01-17得票数 0
回答已采纳
我有点墨守成规，我到处寻找一种JQuery方法来改变悬停时下拉菜单(<select><option>foo 1</option><option>foo 2</option></select>)中项目的背景色。我该怎么做呢？
浏览 0提问于2010-03-07得票数 1
回答已采纳
2回答
所以我用react制作了一个导航栏，我使用了菜单栏文本、徽标和按钮的三个组件。我将导航栏的背景设置为透明，组件设置为黑色。当悬停组件时，背景变为白色，导航栏变为白色。问题是我为每个组件使用了三个文件，我想让组件的颜色在导航栏悬停时变成白色，我不想让组件只在悬停时改变颜色。我该怎么做呢？如何在导航栏悬停类中定位components类名称？
浏览 29提问于2021-11-08得票数 1
我试图用CSS和jquery创建一些下拉元素。以下是我想要达到的目标：
当鼠标悬停在句子中的特定单词上时，单词的背景色会被改变，并会出现一个下拉菜单，其中有几个选项(使用相同的背景颜色)。原来突出显示的单词的背景颜色应该保持不变
当悬停在下面的选项上时，在离开下拉列表时，应该返回到隐藏和
原始单词应返回透明的背景色。
我目前的解决方案并不完美。悬停有时会引起掉落的闪烁。我想知道是否有人能提出更好的方法？
我想我所做的确实是个小插曲。我不知道如何选择用户最初悬停在上面的特定li元素，这样我就可以更改该特定元素的bg颜色(而不为每个父li指定ID)。因此，我只需在离开下拉列表时将所有li元素更改为
浏览 3提问于2011-10-15得票数 0
回答已采纳
1回答
我已经为我的客户做了一个纯CSS下拉菜单。下拉菜单使用主菜单项后面的背景图像。在Firefox 3和4中，当CSS菜单本身处于以下状态时，它没有明显的延迟：
在Firefox3和4中，当下拉菜单被放在我客户的网站上时，菜单项上的悬停效果会有一个短暂的延迟，并且悬停效果会“跟随”光标。
我该怎么做才能让网站上的下拉菜单像它自己一样快呢？
浏览 1提问于2011-10-18得票数 3
回答已采纳
2回答
我在尝试应用动画时遇到了问题。
我试图创造的效果是，一个白色边框和透明背景的按钮在从左到右悬停时会被白色背景颜色填充，当用户鼠标熄灭时从左到右再次清除。同时字体颜色也变为可读颜色。
为了实现这一点，我有一个带有两个a的div，这两个a位于彼此的顶部。为什么是两个a元素？因此，用户可以单击顶部/显示的任何一个。
HTML：
<div class="block-button"> <a href="#" class="first">Click me</a>
<a href="#" class=&
浏览 0提问于2013-02-16得票数 0
2回答
我有左导航在我的网页上看到附件的图片，以获得更好的想法，我有什么设计
如图所示，我在导航的两边都有15px的填充，但问题是，当我将鼠标悬停在导航中的任何元素上时，它的背景颜色应该设置为深灰色到全宽，这意味着在悬停状态和背景颜色上必须消除两侧的15px填充
我真的不知道如何在悬停状态下解决这个问题，我可以添加这个
.nav > li > a:hover { background-color: #f18c2e;
}
但是我如何根据给定的Pic显示它的全宽背景颜色？
浏览 1提问于2014-06-21得票数 0
1回答
我正在做一个可以在这里看到的导航：
我确信，在一个问题中提出两个问题是违反政策的，但我担心，如果我这样做，这些解决方案可能就无法共同发挥作用。
我想要做的两件事是：
当下拉菜单悬停时，我希望标题行项目(“特殊”和“再生木材”)像现在一样，有一个绿色的背景，但这足以填充围绕navigation.When的坚实轮廓的高度--我希望标题列表项目元素中的文本是白色的，而不会失去列表中子行项当前灰色悬停状态的影响。
我希望我已经说清楚了，这是相当棘手的文字描述，请参阅jsfiddle链接
谢谢你的帮助
浏览 0提问于2012-01-12得票数 0
回答已采纳
3回答
JS小提琴：
如果您在单击"Capitol 1“之前悬停，您将看到背景颜色发生变化，但在您显示并隐藏元素之后，如果您再次将鼠标悬停在"Capitol 1”上，您将看不到颜色变化。
点击后如何更改颜色(像之前一样)？
function functie() {
var x = document.getElementById("Elemente");
if (x.style.display === "none") {
document.getElementById("Buton1").style.back
浏览 46提问于2018-06-06得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
