如何将:hover颜色添加到AMP下拉菜单
:hover是CSS中的一个伪类选择器，用于在鼠标悬停在元素上时改变其样式。然而，由于AMP（加速移动页面）是一种限制性的技术，不允许使用自定义CSS，因此不能直接使用:hover来添加颜色到AMP下拉菜单。
在AMP中，可以使用amp-bind组件来实现类似的效果。下面是一种将:hover颜色添加到AMP下拉菜单的方法：
- 首先，在AMP HTML文档的头部添加以下脚本标签，以引入amp-bind组件：<script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script>
- 在下拉菜单的HTML代码中，为菜单项添加一个属性，用于绑定其样式：<amp-selector on="select:AMP.setState({ menuHover: true })"> <div class="menu-item" [class]="menuHover ? 'hovered' : ''">菜单项1</div> <div class="menu-item" [class]="menuHover ? 'hovered' : ''">菜单项2</div> <div class="menu-item" [class]="menuHover ? 'hovered' : ''">菜单项3</div> </amp-selector>
- 在样式表中定义.hovered类的样式，以实现鼠标悬停时的效果：<style amp-custom> .hovered { background-color: #ff0000; /* 设置悬停时的背景颜色 */ color: #ffffff; /* 设置悬停时的文本颜色 */ } </style>
通过上述步骤，当鼠标悬停在下拉菜单的菜单项上时，会触发amp-bind的事件，将menuHover属性设置为true，从而添加.hovered类的样式，实现悬停时的颜色效果。
请注意，以上示例中的颜色和样式仅供参考，您可以根据实际需求进行调整。
推荐的腾讯云相关产品：腾讯云云服务器（https://cloud.tencent.com/product/cvm）和腾讯云云函数（https://cloud.tencent.com/product/scf）可以用于部署和运行AMP页面。
相关·内容
我刚刚切换到我的网站AMP使用免费主题。我添加了下拉菜单CSS代码，可以很好地滚动和工作，但我不知道如何添加a:hover背景颜色#cc3333或隔离它应该指向的元素。如有任何建议，我们将不胜感激。
浏览 3提问于2018-07-13得票数 0
回答已采纳
我使用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
3回答
我有一个带黑色的下拉菜单，我在上面悬停的时候使用了红色，我的问题是当我去下拉菜单的时候，颜色从红色变成黑色，我想要的是我在大约转红色的颜色上出现一个下拉菜单，当我转到黑色的时候，我想让颜色变成红色直到我离开下拉菜单。
HTML代码
<ul class="drop_menu">
<li>
<a href="#">Home</a></li>
<li><a href="#">about</a></li>
浏览 8提问于2014-04-29得票数 0
回答已采纳
我有一个在Dreamweaver中编辑的bootstrap网页。在我的下拉菜单上，我希望用户当前所在的页面在下拉菜单中突出显示或以不同的颜色显示。导航栏位于自己的页面中，并链接到主站点。我怎样才能做到这一点呢？
这是我目前在main.css中所拥有的：
ul.nav li.dropdown:hover > ul.dropdown-menu{
display: block;
}
.nav-header{
color:#800;
margin-left: -10px;
}
.active > a, .nav > .active > a {
color: whit
浏览 1提问于2015-05-13得票数 0
如何将HTML下拉菜单的默认高亮颜色从蓝色更改为某些其他颜色的<select><option>标签，使用一些CSS属性或Javascript？ 要求是我必须只使用<select> <option>标签。我尝试了下面的代码，但它不适用于我： <html>
<head>
<title>Dropdown Colour</title>
<style type="text/css">
option:hover {
浏览 1445提问于2018-06-04
正常状态：
悬停状态：
伙计们，这可能很琐碎，但我找不到这种“琐碎”的来源。正如您从图像链接中看到的，我尝试在那里创建一个下拉菜单。遗憾的是，每次我将触发器悬停在下拉菜单上时，菜单不是下拉，而是水平显示，并与主菜单集成在一起。
这是我的简化html (我只使用home、about和benchmark。关于的下拉触发器)
<div class="header">
<div id="navbar">
<ul id="nav" >
<li class=&#
浏览 0提问于2013-01-15得票数 1
回答已采纳
2回答
我有一个名为colorDDMenu的电影唇，它包含一个名为color_ btn的按钮，以及一个名为menu_ mc的电影唇，它包含4个按钮。
这个想法是，用户将点击颜色按钮和包含4个按钮的电影唇将出现，所以他们可以点击其中一个按钮，以选择一个颜色。除了颜色下拉菜单，我将有12个其他属性(条纹，硬度，重量等)下拉菜单。
到目前为止，这是我的颜色下拉菜单代码：
import flash.events.MouseEvent;
menu_mc.visible = false;
hover_btn.addEventListener(MouseEvent.CLICK, drop
浏览 1提问于2013-11-19得票数 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
3回答
我有一个按钮组如下：
<div class="btn-group">
<button type="button" class="btn btn-default btn-xs red-outline-button"> Sync </button>
<button type="button" class="btn btn-default btn-xs gold-outline-button" data-toggle="dropdown">
浏览 4提问于2016-11-23得票数 1
回答已采纳
2回答
我刚刚开始学习HTML和CSS，并开始构建一个简单的网站来学习。
我正在尝试构建一个下拉菜单，当用户在链接上盘旋时(在我的代码中为下拉菜单)时打开该菜单。我希望当下拉菜单打开时(当用户悬停在按钮或任何下拉选项上)时，按钮的背景色和文本颜色会发生变化。作为参考，您可以查看。他们的肚脐是栗色/红色，但一旦用户悬停在按钮上，按钮的颜色就会切换到灰色(以匹配下拉菜单)，文本颜色会更改为栗色。当用户向下移动到下拉菜单时，颜色保持不变，只有当光标完全离开下拉菜单时才会返回。
到目前为止，我已经成功地创建了菜单，使其打开，当用户悬停在按钮上时，按钮的背景色和文本颜色会发生变化。但是，当用户将光标从按钮上移到
浏览 4提问于2016-06-21得票数 3
我已经创建了一个具有自定义样式的导航栏，并且在大多数情况下它工作得很好。然而，我已经使用下面的CSS将菜单/下拉菜单的“悬停”颜色设置为绿色，虽然这主要是有效的，但如果我选择一个下拉菜单，最初的菜单项将显示为绿色，直到我单击(并关闭下拉菜单)，在这一点上它闪烁浅灰色(我相信是默认的)，然后失去它的颜色。我怎么也找不出我错过了什么？
.rpfb-navbar .navbar-nav > li > a:hover,
.rpfb-navbar .navbar-nav > li > a:focus,
.rpfb-navbar .navbar-nav > .active &
浏览 0提问于2016-10-24得票数 0
我已经更改了Bootstrap菜单的背景颜色，但是当子菜单(单击下拉菜单时打开的菜单)处于焦点(即我的鼠标位于其上)时，列表中主要下拉菜单的背景颜色会发生变化。
这是悬停时的下拉列表(行为与预期一致)：
这是当我将鼠标放在下拉列表打开的子菜单上时的下拉列表(背景颜色不是我想要的颜色；我希望背景颜色保持不变)：
下面是HTML：
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"&g
浏览 1提问于2013-08-31得票数 1
背景：我不知道发生了什么，但是我有一个链接，它在CSS中有一个与其相关的a:hover。我也有一个图片，当用户翻滚时，同样的文本链接也应该改变颜色。如果用户首先在链接文本上鼠标，它就会改变颜色，没有问题。但一旦他们鼠标对图像，它仍然改变颜色，但鼠标对文字不再有效。
问题：与onmouseover/onmouseout相关联的JavaScript能否抵消CSS a:hover效应？
代码概述如下：
<style type="text/css">
a.cat_cartridge{
text-decoration:none;
浏览 2提问于2016-09-21得票数 2
回答已采纳
当我们将鼠标移到vaadin-select框中的项目上时，我想更改鼠标悬停的颜色，默认情况下它是浅蓝色的，如屏幕截图1所示，但我想更改为其他颜色。如何做到这一点？
我已经尝试添加了
:host(:hover) {
background-color: #9cbdd6;
}
和导入为
@CssImport(value = "./styles/vaadin-select-items.css", themeFor = "vaadin-item")
下面的答案完美地解决了上述问题，
然而，有一个问题发生了，当下拉菜单关闭时，悬停颜色出现了，这也意味着覆盖图没有
浏览 1提问于2021-06-30得票数 4
1回答
背景色不改变下拉和肚脐
、、、、
这会改变下拉菜单和导航条文本的颜色，但不会更改下拉菜单和导航条的背景色。
.dropdown-menu li > a
{
color: #7A7A7A;
}
.dropdown-menu > li > a:hover,
dropdown-menu > li > a:focus
{
color: #3399FF;
text-decoration: none;
background-
浏览 0提问于2015-10-23得票数 0
回答已采纳
我试图更改标题类中链接的字体颜色。我试着使用下面的代码，但是它影响了页面上的所有链接。我尝试过不同的安排，似乎找不到正确的方法。
CSS代码
#amp-wp-header a:active, a:visited {
color:#ffffff;
}
a:hover, a:focus {
color:#ffffff;
}
HTML代码
<header id="#top" class="amp-wp-header">
<div>
<a href="http://example.com"&g
浏览 11提问于2017-01-02得票数 0
回答已采纳
2回答
jquery切换表中的背景色
、、、、
我正在尝试做一个互动菜单与jQuery的实践。到目前为止，我有我的下拉菜单，和一个边表，其中有几个元素。
因此，在我的下拉菜单中还有4个元素。我的目标是:当鼠标位于下拉菜单中的first元素上时，表中的第一个单元格就会变成红色，就像图像中的一样。当鼠标越过下拉列表中的第二个元素时，表中的第二个单元格(垂直)变为红色，第一个单元格返回其原始颜色。
到目前为止，我实现了改变第一个单元格的颜色，当鼠标在下拉菜单中的第一个元素上时。问题是它不会变回来。我用：
$(".first-hover").hover(function(){
$('#first')
浏览 0提问于2018-02-16得票数 1
回答已采纳
编辑:我修复了拼写错误，但它不起作用。任何解决方案都是非常受欢迎的。
我使用megamenu作为我的bootstrap模板，它使下拉菜单的宽度达到屏幕尺寸的100%。
无论如何，问题是关于顶部的导航栏。它看起来是这样的：
当我将光标移动到导航栏上的一个链接时，例如文章，下拉菜单会打开，因为它被设置为在悬停时执行此操作：
如您所见，悬停时链接的颜色会变暗，也就是说，将光标放在导航栏中的链接上时，下拉菜单会打开，颜色会变暗。
但是，如果用户将光标移动到下拉菜单，菜单将保持打开状态，这很好，但链接的颜色将更改回其原始颜色，如下所示：
我不希望这种情况发生，我想让我的模板
浏览 0提问于2015-10-26得票数 0
1回答
用户菜单导航背景颜色的CSS代码
、、、、
我已经设法使用以下代码让导航栏悬停颜色中的usermenu正常工作： .Nav_prim--side .usermenu a.toggle-display:hover{
background: #0081c6;
} 但我似乎不能获得背景颜色，以保持悬停颜色，而下拉菜单是活动的，而它变成了黑色？我怎么才能让它工作呢？ Menu background color after clicking menu
浏览 16提问于2020-09-06得票数 0
在jQuery或CSS中：
我正在使用谷歌翻译，并试图让悬停在选择下拉菜单上工作。我已经很接近了，但并不像我需要的那样拥有。当我悬停在select的顶部时，我希望select language的颜色是#18BA9B，而不是让蓝色突出显示在select按钮周围，只有文本和箭头应该是颜色#18BA9B。然后，当下拉菜单被选中时，所有的语言应该仍然是颜色#687074；除了在悬停时，它应该是带有突出显示颜色#18BA9B的白色。
有人能告诉我如何解决这个问题吗？不幸的是，它将整个下拉列表高亮显示为青色。
.goog-logo-link {
display:none !important;
}
浏览 4提问于2015-12-09得票数 0
2回答
下拉菜单
、、
我正在创建一个带有子类别的下拉菜单，每个子类别都有另一个子类别。例如，当用户悬停在图像上时，会出现一个下拉菜单，当鼠标被放置在鼠标“颜色”上时，另一个下拉菜单应该显示为3种颜色。但是，我无法得到下拉菜单与3种颜色的出现。我怀疑这是因为我没有正确地跟踪CSS文件中的标记。有人能告诉我我做错了什么吗？谢谢。
以下是我的HTML代码：
<body>
<ul id="coolMenu">
<li>
<a href="#"> <img src = "gear_ic
浏览 0提问于2014-06-10得票数 0
回答已采纳
1回答
我想把我的下拉菜单栏移到右边。
我尝试了右对齐和文本对齐:对，结果是菜单向右移动，但下拉菜单没有。
现在我有了下面的下拉菜单，但在左侧：
具有以下CSS的：
#headermenu {
}
#headermenu a:hover, #headermenu a:active, #headermenu a:focus, #headermenu a.thispage {
color: #39729B;
}
#headermenu ul {
padding:0;
list-style: none;
position: relative;
display:block;
}
#headermen
浏览 0提问于2014-09-19得票数 0
回答已采纳
1回答
试图弄清楚IE7和我的CSS导航下拉菜单到底是怎么回事。
它可以在我尝试过的所有其他浏览器中正确显示，但在IE7中，它可以正常下拉，但当你将鼠标悬停在链接上时，它们中的一些会随机出现/消失。它快把我逼疯了！
下面是我的菜单HTML：
<div id="navCatTabsWrapper">
<div id="navCatTabsDropdown">
<ul>
<li><a class="category-top" href="index.php?main_page=index&
浏览 0提问于2012-04-01得票数 0
回答已采纳
我有两个按钮。第一个是下拉菜单，当它悬停时，显示两个兄弟级<a href>。另一个按钮也是同级的，一个formaction重定向到另一个页面。
问题#1
我希望bg-颜色和颜色的下拉菜单按钮改变时，悬停其<a href>之一。
问题#2
我希望bg-颜色和颜色的下拉菜单按钮改变时，悬停后，formaction按钮。
我试着用下面的css来解决这个问题，但我似乎无法让它发挥作用。
.movie-info:hover .dropbtn{
background-color: #A7A774;
color: white;
}
我的css和html：
.dropbtn {
浏览 0提问于2020-10-31得票数 0
回答已采纳
大家好，我正面临着这个问题，但我似乎找不到任何解决方案。实际上，我已经创建了一个引导下拉菜单，如下所示。
<ul class="nav navbar-nav">
<li><a href="#">Menu1</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Pag
浏览 3提问于2017-05-05得票数 0
标题冗长，有点难以理解，但大意是我有一个下拉菜单，当产生下拉菜单的主要链接悬停在上面时，它们的背景色和文本颜色会改变，菜单就会出现。问题是，当你将光标移动到菜单上点击刚刚出现的链接时，上面的主要链接的悬停效果就消失了。菜单停留并工作得很好，但我理想情况下会喜欢在悬停时产生菜单的链接，以便在菜单打开时保持其悬停效果。
这是我所说的代码...
CSS
a {
color: #1EAEDB; }
a:hover {
color: #0FA0CE; }
.upper-navigation {
color: #D5D7D5;
display: inline-block;
heigh
浏览 0提问于2015-07-12得票数 0
1回答
我使用tinymce来做富文本区域输入，我有一个css样式的下拉菜单(只有css，没有javascript)。问题是，下拉菜单与tinymce相冲突。我给出了这个问题的一个快照
这是我的下拉菜单的css
#menu, #menu ul{
margin:0 90px;
padding:0 10px;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em;
}
#menu a{
display:block;
padding: 5px 15px 5px 15px;
bo
浏览 2提问于2012-02-17得票数 4
回答已采纳
我正在使用TailwindCSS和daisyUI构建下拉菜单。代码在下面。
问题是，当一个下拉菜单项被点击(当它变成活动的时候)，它变成紫色，即使我在<li>元素上使用实用工具类<li>。如何自定义下拉菜单项的颜色？我非常喜欢只使用CSS的解决方案，因为我使用的是Tailwind和daisyUI的CDN版本(因此没有tailwind.config.js可修改)。
<link href="https://cdn.jsdelivr.net/npm/daisyui@2.15.3/dist/full.css" rel="stylesheet&#
浏览 36提问于2022-06-13得票数 0
回答已采纳
我有一份菜单上有一个下拉菜单。当我单击下拉菜单时，子菜单是一个颜色。在单击菜单后，我试图在父项中保持相同的颜色(处于悬停状态)。当前，当我单击下拉菜单，然后鼠标离开父菜单时，它会更改回原来的菜单颜色(粉红色)。
最好打开整页的片段，看看我指的是什么。
.dropdown-menu {
border: none;
border-radius: 0;
margin: 0;
}
.dropdown-item:hover {
background-color: #0091c7;
}
.nav-link.dropdown-toggle:hover {
background-color:
浏览 0提问于2018-09-20得票数 1
回答已采纳
1回答
更改下拉菜单的背景色
、、、
我正试着为下拉菜单改变背景颜色.我试过潜艇的总吨位颜色，但它不起作用.如何修复它..。提供下面的代码..。
#nav li:hover ul.sub li {
display:block;
height:20px;
position:relative;
font-weight:normal;
}
#nav li:hover ul.sub li a {
display:block;
font-size:11px;
height:18px;
line-height:18px;
text-indent:5px;
col
浏览 0提问于2013-04-10得票数 0
我一直在尝试使用iframe嵌入谷歌地图。但问题是它不在标签/标记的中心，而是将标记放在左上角(不可见)。
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.in/maps?f=q&source=s_q&hl=en&geocode=&a
浏览 0提问于2011-06-03得票数 2
回答已采纳
1回答
我是新的html和css。
我试图添加一个悬停效果，在我的页面底部的一个小导航条。文本周围有一个边框，里面有文本，我希望悬停效果反转设计，这样边框的颜色就变成了按钮的背景，而文本就是页面的背景颜色。
因为这些链接到我的其他页面，我不得不添加css到"li a“，但现在我的悬停效果不会影响文本，直到你悬停在它之上。
以下是我所拥有的：
nav{
position: fixed;
bottom: 0%;
left: 0%;
right: 00%;
display: block;
text-align: center;
}
浏览 0提问于2018-04-21得票数 0
回答已采纳
1回答
当我在“关于”菜单中单击时，下拉菜单不会保持打开状态，只要我停止在“关于”菜单上悬停，它就会消失。如何让它保持开放？
CSS
#nav-line2 .subMenu{
position:absolute;
z-index:999;
list-style:none;
display:none;
padding-left:441px;
}
#about:hover + .subMenu , .subMenu:hover {display:block;}
HTML
<div id="nav-line2" style="float:left">
浏览 3提问于2014-04-30得票数 0
1回答
嵌套下拉菜单对齐方式
、、、、
我已经花了几天的时间找到了一种方法，可以在固定宽度的水平条上均匀地分布可变大小的菜单项，最后找到了一个详细介绍的jquery解决方案。我现在的问题是，我的嵌套下拉菜单在不同的浏览器中看起来完全不同，我只需要它们正确地从各自的li锚点下拉。
到目前为止，它在firefox上看起来还可以。在In浏览器中，dorp下拉菜单被推到右边，而在Safari中，它们被推到左边。我已经尝试了很多方法，但我认为目前我无法做到。
以下是相关的HTML和CSS，不过您也可以在网站上查看源代码：
<nav>
<ul id="main-nav"
浏览 0提问于2012-01-25得票数 0
2回答
我正在为一个网站的导航条工作，但我有问题的子菜单，特别是。我注意到子菜单与右边边框上的父母没有正确地对齐。事实上，它们都是与主导航栏的顶部对齐的。
例如，“基本权利”和“学习我们的空间”的子菜单都显示在顶部，而不是正确地对齐它的父母。如果有人能解释为什么会发生这种事，那就太好了。非常感谢!
这是一个
下面是HTML：
<!-- Navigation Bar -->
<div class="nav">
<!-- Quick Close -->
<button id="ge
浏览 5提问于2016-08-17得票数 2
回答已采纳
嘿，我之前问过一个关于这个问题的细节问题，但我认为这是解决问题的错误方法。因此，我尽量简单地问这个问题。
我正在使用推特-引导，我已经设置我的下拉切换到下拉式悬停(通常发生在点击)。
在悬停期间，下拉式切换变成一个更深的颜色来突出显示它，然而，当用户将他/她的光标移动到下拉菜单时，下拉按钮的颜色会变回原来的颜色。
我该怎么解决这个问题？我尝试使用active和focus类，但这似乎行不通。任何帮助都是非常感谢的。如果能帮上忙的话我可以帮你们做个小提琴。
编辑:多亏了Turbopip，我找到了解决方案。它是这样的：
.navbar-default .navbar-nav .dropdown:fo
浏览 1提问于2015-10-28得票数 2
回答已采纳
我在印度的一家非政府组织实习，并试图修复他们的网站，包括更新他们的菜单，使其不是页面上最后加载的项目，并且它位于屏幕的中心。一切都很好，但是当我在IE6中尝试我的新菜单时，我得到了这个奇怪的错误，菜单下面的内容被额外填充了大约30px，最右边的下拉列表中的材料出现在屏幕的最左边，总是可见的。当我向下拉下最右边的链接("Publications")时，内容会出现在屏幕最左侧的正确位置和相同位置，并且当我悬停时颜色也会发生变化。这很难描述，所以你最好看一看：
在你的IE6/IE7浏览器中访问亲眼看看。我真的很感谢你的帮助。另外，我使用的是1000px宽的显示器，如果有更多的劫持发生
浏览 0提问于2010-05-01得票数 1
回答已采纳
1回答
在我的下拉菜单中，"li“的字体颜色是白色的，而”悬停“的颜色改变为黑色，而我的下拉菜单也是.When悬停我产品链接的子菜单，字体颜色产品(Li)更改为白色我的悬停背景也是白色的，在这里我的问题是，我如何将我的"li”的颜色保持为黑色？
我的样式表
#menu{width:auto; margin: 0px 0px 0px 0px; background-color: #000; height:32px; float:right; border-radius:0px 0px 10px 10px ;}
#menu ul{list-style-type:none; margin:0
浏览 2提问于2013-11-20得票数 0
回答已采纳
2回答
引导下拉菜单无效
、、
我是一个jQuery初学者，我试图通过使用Twitter-Bootstrap下拉功能来掌握它的诀窍，但是当我点击"Google“li时，没有任何东西会掉落下来。我对它为什么不起作用感到很困惑，所以我就开始从Bootstrap网站的菜单中把东西放入我自己的代码中。这将是对任何看似多余的代码的解释。
这是我的。
jQuery：
$(document).ready(function() {
$('dropdown-toggle').click(function() {
$(this).dropdown();
});
$('
浏览 3提问于2013-05-31得票数 2
回答已采纳
当我更改下拉菜单值时，我需要一些javascript的帮助来替换链接的某个部分。我想通过更改下拉菜单的javascript来替换部分链接。因此，当我更改下拉菜单时，我想用theTotal=var e更改下面链接中的数字12
<a class="btn_full" href="/traveltour/index.php/paypal/buy?theTotal=12&description=Pinko+Pallino+&quantity=1&tour_id=6&tourextra_id=11&am
浏览 0提问于2015-08-23得票数 0
回答已采纳
我用transform创建了一个简单的图像布局。我在父div中添加了溢出隐藏类，但是缩放后的图像溢出仍然出现在上面的图像前面。如何防止溢出图像出现在上述图像的前面？
<div class="flex" style="height: 50vh">
<a href="#" class="flex-1 bg-gray-400 relative overflow-hidden">
<img class="object-cover origin-cent
浏览 1提问于2020-04-12得票数 0
回答已采纳
3回答
我不知道为什么这不管用？我试着做一个下拉菜单，当我盘旋在它上面，它没有出现。
CSS
#nav-line2 #dropmenu
{position:absolute;
display:none;
z-index:999;
list-style:none;
margin-left:450px}
#about:hover #nav-line2 #dropmenu{display:block;}
HTML
<div id="nav-line2" style="float:left">
<a class="navlink" id=&#
浏览 4提问于2014-04-28得票数 1
回答已采纳
我正在尝试制作一个带有导航条反向属性和悬停属性的下拉列表。我已经修复了悬停问题，这是导航栏-逆我不能解决。我在网上搜索过了，发现你有没有用过这个代码
.inverse-dropdown {
background-color: #222;
border-color: #080808;
&>li>a{
color: #999;
&:hover{
color: #fff;
background-color: #000;
}
}
}
这将使下拉菜单的颜色符合我的要求，但文本仍然很难看到。我已经尝试更改颜色标签，
浏览 2提问于2014-11-30得票数 4
因此，我在我的网站上使用twitter bootstrap，并使用我购买的css模板。不幸的是，当使用typeahead时，下拉菜单显示悬停/聚焦选项太暗，模糊了我的文本。在我的鼠标悬停/焦点上，文本是黑色的，背景是非常深的灰色，所以文本是不可替换的
我试着修改下拉菜单.active > a:hover和几乎所有我能看到的颜色属性，但这并没有改变文本的颜色。我一定错过了一些简单的东西
另外，当我尝试点击它来选择在chrome中检查元素时，不幸的是它消失了
如果有任何帮助，我将不胜感激。
浏览 0提问于2013-02-17得票数 0
回答已采纳
这个非常简单的JSFiddle ()可以改变块在“悬停”上的背景颜色，但是如何将其转换到fadein/fadeout呢？
.block {
width: 200px;
height: 200px;
border: 1px solid #333;
}
.block:hover {
background-color: #333;
}
浏览 6提问于2014-05-01得票数 1
回答已采纳
1回答
设置下拉菜单
、、、
我做了一个下拉菜单和它的一些造型问题。我的下拉菜单代码是
<ul class="dd">
<li><a href="main.php" >Home</a>
</li>
<li><a href="' . $user . '">Profile</a>
</li>
<li><a href="my_messages.php&
浏览 0提问于2015-09-14得票数 1
我正在构建一个网站，我正在使用Bootstrap框架，因为它节省了我大量的开发时间。
问题所在
我有一个链接的集合，几个下拉链接，其余的只是常规链接。
我已经成功地改变了没有下拉菜单的链接的悬停状态，给它们一个不同的背景颜色。
但我的问题是，我不能改变的背景颜色的链接，有一个下拉菜单。我指的不是下拉菜单的实际背景颜色，而是导航栏上的nav-pill链接。
我一直在尝试使用下面的CSS代码在我的自定义样式样式表(styles.css)中解决这个问题
.nav-pills {
padding-top: 20px;
}
.nav-pills > li > a {
fon
浏览 3提问于2014-08-26得票数 0
如何在下拉菜单折叠时更改链接的颜色和字体大小，而当下拉菜单是全尺寸时不更改下拉菜单？下面是我要问的视觉问题：
下面是我现在的代码：，您可以看到完整大小的链接，折叠的是两种不同的颜色--折叠是我想要更改的默认灰色。谢谢。
/*Navbar color full size and collapsed including drop down list*/
.navbar-default {
background-color: #B4A890;
border-color: #B4A890;
}
/*Link color for top links; but not drop down lis
浏览 3提问于2017-04-17得票数 1
回答已采纳
3回答
当我悬停在“下拉菜单”上时，下拉菜单出现在顶部栏下方的左侧。我如何在“下拉”下面对齐？
请注意，我只是尝试用CSS和HTML来完成这个任务。
我的守则：
* {
margin: 0;
padding: 0;
}
header {
position: fixed;
height: 35px;
width: 100%;
background: black;
}
.top-container {
margin-top: 7px;
}
/* Code for drop-down list */
.dropdown {
margin-left: 100px;
d
浏览 1提问于2015-10-10得票数 1
回答已采纳
我有一个SVG文件，其中包含许多导航到不同页面的xlink。例如： <a xlink:href="us/ak">...</a> SVG是一个美国地图，我很乐意提供它，但它太大了，无法包含在这里。 当我尝试在AMP页面中使用这个SVG时，xlink不起作用。我在AMP spec中看到SVG中的xlink需要有一个以"#“开头的目标URI，所以我想这就是我的xlink不能工作的原因。无论我使用的是amp-img还是img标记，它的行为都是一样的。 如果我把它放在非AMP页面上的img标记中，它可以很好地工作。 有没有办法让我的链接转到新的页面，而不
浏览 11提问于2019-02-07得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
