无法将悬停时的边距应用于li
在回答这个问题之前，我想说明一下，云计算是一种提供计算资源和服务的模型，它可以通过互联网来访问和管理这些资源。云计算提供了弹性、可扩展和灵活的计算能力，能够满足不同规模和需求的应用。
现在回到问题本身，你提到了无法将悬停时的边距应用于li。首先，要理解这个问题，我们需要知道li是HTML中列表（list）的标签，用于创建无序或有序列表。
对于这个问题，可能有多种原因导致无法应用悬停时的边距。以下是一些可能的原因和解决方案：
- CSS选择器问题：确保你正确地使用了CSS选择器来选中li元素，并将悬停时的边距应用于它。可以使用类选择器或标签选择器等。
- CSS优先级问题：检查你的CSS代码中是否存在其他样式规则会覆盖悬停时的边距。可以使用!important关键字来提高特定样式规则的优先级。
- 盒子模型问题：悬停时的边距可能会受到盒子模型的影响。确保你正确设置了盒子模型（例如，使用box-sizing属性）以及边距（margin）属性。
- 其他CSS属性冲突：某些CSS属性可能会影响边距的表现。例如，position属性和浮动（float）属性可能会影响li元素的边距行为。确保你正确地设置这些属性。
推荐腾讯云相关产品： 腾讯云提供了一系列云计算相关产品，如云服务器、云数据库、云存储等。这些产品可以帮助用户快速构建和部署应用，提供可靠的基础设施支持。你可以通过以下链接了解更多相关信息：
- 云服务器（ECS）：https://cloud.tencent.com/product/cvm
- 云数据库（CDB）：https://cloud.tencent.com/product/cdb
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
希望以上回答能对你有所帮助！如果你有任何其他问题，请随时提问。
相关·内容
4回答
菜单的我的css
ul#menubar {
width: 800px;
padding: 27px 10px 5px 10px;
list-style: none;
text-align: center;
}
ul#menubar li {
display: inline;
}
ul#menubar li a{
border-right: 1px solid #111111;
font: 12px "Lucida Sans Unicode", "Bitstream Vera Sa
浏览 3提问于2010-10-25得票数 2
回答已采纳
3回答
当我的鼠标位于底部边框时，悬停效果不起作用。如何准确地将底部边框放入列表容器中并作为一个元素进行计数？在当前时刻-当您的鼠标位于底部边框时，元素将失去悬停效果。 <style>
li.nav-item:hover{
border-bottom:5px solid yellow;
}
</style>
<body style="height:1500px">
<nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
浏览 13提问于2019-01-22得票数 0
回答已采纳
4回答
我最近使用Google tutorials创建了一个纯css下拉菜单。
不过，我有个问题：
如果我给第二级ul留出一个小的空白处，当你在ul和parent li之间的间隙上悬停时，下拉菜单就会消失。
有没有办法在不涉及Javascript的情况下解决这个问题？
请参考此处的演示：
浏览 1提问于2012-09-17得票数 2
回答已采纳
*,
*::before,
*::after {
margin: 0px;
padding: 0px;
box-sizing: inherit;
}
body {
font-size: 62.5%;
box-sizing: border-box;
}
.navigation {
text-transform: uppercase;
font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
font-size: 1.2rem;
background-c
浏览 0提问于2019-07-21得票数 1
下面是到页面的链接：
定位
标签在ul#menu下似乎在IE7上倾斜。我已经在UL (#f00)和LI (#0f0)项目上设置了边框来澄清。
在火狐中，LI项可以正确地嵌套到UL的顶部，但是在IE上，LI项嵌套到div#menubar的顶部，而不是下面的ul#menu。
DOM树如下所示：作为ul.submenu>li结构。
我试着在#menu li节点上放置一个"float: left ;“，这确实解决了定位问题；然而，我没有一个很好的中心对齐菜单--菜单上的所有东西都在左边。
下面是围绕这一点的当前css (请注意，我使用的是960网格，以及它附带的reset.css和tex
浏览 1提问于2011-12-20得票数 0
回答已采纳
HTML问题看上去总是那么简单，问它们几乎让我觉得很尴尬。但算了吧，我不知道为什么会这样。
在这个小提琴中，身体被页眉的页边压下(50‘s)：
<body>
<div id="background"></div>
<header>
<ul>
<li>Button 1</li>
<li>Button 2</li>
</ul>
</header>
</body>
因此，div#background {位置:绝对；}
浏览 2提问于2014-10-11得票数 4
回答已采纳
因此，如果我增加#功能的上边距，它会从页眉向下拉出高度。我做错了什么？
举例说明。如果我将#功能区{ header :0 auto}更改为#功能区{边距: 20 px auto}，则标题的白色将与20 px一起下移，然后显示功能。我想要的是#特点被拉下来20 is和灰色的边框之间的特色和头
网站：
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
header {
height: 100px;
}
header #h
浏览 1提问于2014-03-21得票数 0
回答已采纳
1回答
我一直试图用我的Fontastic.me图标对我的文本。
这是我的密码：
HTML：
<html>
<div id="info">
<ul>
<li id="chat"><span class="icon-comment-discussion"></span><p>We offer the best & simplest chat system on the web.</p></li>
</ul>
浏览 1提问于2014-07-12得票数 3
2回答
所以我在我的html中有一个导航栏菜单，它对链接有一个悬停效果。当我设置边缘属性为“自动”时，悬停效果从中心移动到链接的边缘。
.nav-links ul li::after {
content: '';
background-color: #f44336;
display: block;
width: 0%;
height: 2px;
margin: auto;
transition: 0.8s;
}
.nav-links ul li:hover::after {
width: 100%;
}
然而，当我是设置
浏览 4提问于2022-11-19得票数 1
我有两个问题：
首先:我有四个<li>，它的显示是内联块，并向左浮动。我希望每个<li> 都有红色边框底部的样式，鼠标悬停上的。
第二:我想使文本的边框底部是重叠的与其包装器的边框底部(在本例中是<li>的<ul> )。
<ul id="menu">
<li>one</li>
<li>two</li>
<li>three</li>
<li>four</li>
</ul>
和
#menu {
浏览 0提问于2014-08-11得票数 1
回答已采纳
3回答
我是否可以创建按钮，使用在悬停和活动时更改的背景图像，并让活动状态显示延伸到锚点边界之外的图像？这是我的精灵：
精灵的上半部分是“悬停”，底部是“活动”。我不想让实心栏下面的任何东西成为可点击的链接，我也不想设置宽度，因为菜单文本将设置在顶部并延伸到图像的左边缘和右边缘之外。
我尝试将背景图像分配给父li标记，该标记适用于'hover‘，但无法使其适用于'active’。
有什么想法吗？
CSS
.navigation li:hover{
background: transparent url(../images/menu-sprite.png) center -86px n
浏览 0提问于2012-06-21得票数 0
回答已采纳
1回答
EDIT#2:修复了这个问题，我已经在代码中添加了position: absolute; top 130px; display:block;，感谢大家的回复……codepen上的代码也被修复了。:D
编辑:所以我修复了内容持有者的问题，现在我有了一个新的问题，我不能在我的main中移动他……我一直在尝试垂直对齐，但不起作用Codepen：
我的新代码：
header>a
{
font-size: 38px;
font-weight: 500;
border-bottom: 1px solid #888;
text-align: left;
color: #555;
fon
浏览 0提问于2015-09-24得票数 0
1回答
当li元素在不影响其他li元素(如位置)的情况下，如何改变它的高度，但我希望悬停的li与下面的其他元素重叠，就像它具有最大的z索引一样。
在这个中，我想要更改高度，但不要将任何元素移动到悬停的li元素下面。
浏览 2提问于2017-11-01得票数 0
回答已采纳
我有一个基于css的水平下拉菜单，它工作得非常好，但是我在添加一个在表示用户当前所在页面的项目上添加顶部边框的效果时遇到了困难。下面是下拉列表的HTML代码：
<ul id="browse">
<li>
<a href="/comedy/">Comedy</a>
<ul>
<li><a href="/caddyshack/">Caddyshack</a></li>
浏览 1提问于2011-07-11得票数 0
回答已采纳
1回答
我试图让这个代码片段中的选项卡突出显示活动选项卡的顶部和正在悬停的选项卡。不过，您会注意到，当前的代码有一个bug，在选项卡下面出现了一小块颜色。我似乎想不出怎么摆脱它。我使用的是JQuery UI选项卡系统，似乎锚标签是在li标签下面突出的。对于如何消除这个漏洞，缩小李与内容之间的差距，有什么建议吗？
这里有一个小提琴：
我说的是黄色标签。我知道图像没有加载，但是你可以看到图像下面是如何亮起来的。我想让它消失。对于如何摆脱它和它下面的暗灰色线，有什么建议吗？我基本上想要黄色标签系统就坐在浅灰背景的正上方。
下面是一些相关的代码：
Html
<section>
&l
浏览 3提问于2014-04-04得票数 0
回答已采纳
我正在构建(有点实验性的)菜单，它建立在经典的'ul li‘基础上，除了'a’元素被设置为display:block以实现精确的定位和大小调整。一些变换:旋转也会出现，但这不会影响以下行为：
除了webkit以外的所有浏览器都以相同的方式(正确地)显示所有菜单项。但是webkit隐藏了子项('item 2a'，'item 2b'，'item 3a'，...)。当光标悬停在它们应该出现的区域上时，这些链接显然是存在的，但它们是不可见的。奇怪的是，当我将这些不可见元素的大小设置为与它们指定的空间(其父LI的高度)稍微重叠时，它们就会显
浏览 2提问于2012-05-04得票数 1
回答已采纳
2回答
如何仅在文本上而不是整行上提供鼠标悬停效果。我试过使用Position()，但.Below为空的凸轮输出是fiddle link，
<ul id='ulid'>
<li>Task1</li>
<li>Task2</li>
<li>Task3</li>
<li>Task4</li>
<li>Task5</li>
<li>Task6</li>
<li>Task7</li>
</ul>
<
浏览 1提问于2013-01-29得票数 3
当删除footer标记的边框时，margin-top of <div id="foot">将应用于页脚标记。
这是我正在使用的代码
footer {
background: #0096D6;
width: 100%;
height: 250px;
color: #fff;
border: #FF0004 1px solid;
}
#foot {
width: 1136px;
margin: 0 auto;
margin-top: 80px;
}
<footer>
<di
浏览 0提问于2015-09-01得票数 0
回答已采纳
我现在有一个导航条，它的工作原理与预期完全一致，除了一件小事:当我悬停在它上面时，不透明度的变化并不会一直持续到底部。下面是几张屏幕截图:这个：显示了它看起来是什么样子，没有选择--这是：显示当我的光标在顶部时它看起来是什么样子
正如你所看到的，底部的空白处很伤人，我不知道如何补救。我的HTML/CSS如下：
HTML：
<div class="navbar center affix" role="navigation">
<ul>
<li><a href=# itemprop="url&
浏览 5提问于2014-06-08得票数 0
回答已采纳
我已经写了这个简单的CSS。我正在尝试理解为什么当我将display: block放在锚标记中时，标记的宽度变得与<li>项相同。但是，当我删除display: block时，锚标记的宽度与其中的文本相同，这是意料之中的
#menu ul {
margin-left: -2.5em;
}
#menu li {
list-style-type: none;
border: 2px black solid;
background-color: gray;
width: 20%;
text-align: center;
float: left;
}
#
浏览 10提问于2017-03-10得票数 3
回答已采纳
2回答
填充、列表和背景
、、、、
我真的很困惑，这是我这辈子见过的最奇怪的虫子。
下面是JSFiddle示例：
正如您所看到的，当我们的“注释”被悬停时，#content获得了奇异的页边距(但在CSS中没有页边距)。据我所知，这是ol的利润。但为什么他们不在母公司的范围之内？
好吧，真奇怪。但!当我们在padding: 0;的CSS中将padding: 1px;改为padding: 1px;时，我们看到，这个块没有边距！WTF?请帮帮我:D我真的不知道如何google :D。
下面是一个例子：
#head, #foot, #content {
padding: 7px;`
}
#content {
pad
浏览 3提问于2014-11-02得票数 2
回答已采纳
1回答
我在我的网站上使用了这个页面中的代码：，它工作得很好。但我正在尝试修改代码，以便当我悬停在“热点”上时，显示在(右侧)的图片(和文本)将淡入，然后，如果鼠标移出热点，则会淡出。到目前为止，我已经成功地使淡入工作，但我不能想出一个淡出工作的方法。我刚添加了
opacity: 0;
transition: opacity .6s ease-in-out;
转到ul#cmp li a span.offset和
opacity: 1.0;
transition: opacity .6s ease-in-out;
敬ul#cmp li a:hover span.offset, ul#cmp li a:f
浏览 0提问于2015-03-04得票数 0
我正在尝试为我的学校网页制作一个CSS菜单。我一直在Mac上开发我的网站，并让它以我想要的方式工作。我已经在safari、firefox和chrome以及windows上的firefox上测试过了，所有这些都运行得很好，我将鼠标悬停在链接菜单上，它就会掉下来。
菜单的css
#menu
{
position:relative;
top:-83px;
left:60%;
font-size:30px;
width:250px;
}
#menu ul
{
position:absolute;
list-style-type:none;
background-image:url(
浏览 5提问于2011-04-06得票数 3
回答已采纳
2回答
请看一下我的代码。所以我想要实现的-蓝色边框，当悬停时是文本下的10像素。另外，正如您所看到的，当您悬停它时，它会打开子菜单，但当我想要转到子菜单时，它会自动关闭，因为在li元素上不再有悬停。我可以通过添加高度:50px来解决这个问题；但这也使得蓝色边框，在子菜单下，我在右中心位置有箭头，它们在悬停时很难看。你能帮我解决这两个问题吗？允许在子菜单和蓝色边框上移动鼠标？
浏览 0提问于2012-02-08得票数 0
回答已采纳
2回答
当我将鼠标悬停在菜单项上时，它们并不总是完全适合导航栏，我也无法修复边框和最后一个导航项之间的微小差距，当我放大/缩小页面时，当我放大/缩小google chrome并将鼠标悬停在菜单项上时，悬空项会比条形图的其他部分高。我已经想了好一段时间了。谢谢你提前提供帮助。
主要目标:消除“接触”旁边的空白，使悬停项目适合肚脐，修复谷歌铬肚脐缩放问题。
这是我的代码：
<nav class="menu">
<ul class="clearfix">
<li><a href="
浏览 6提问于2015-07-17得票数 0
回答已采纳
我想在悬停时打开下拉菜单，我已经创建了它，它在悬停时打开，但是当我想从菜单中选择选项时，关闭suddenly.How，我是否在悬停时打开下拉菜单?在悬停时，我想打开它，而在悬停时，选项也想打开它。
.navbar-default .navbar-nav > li {margin-left: 6px;}
.navbar-default .navbar-nav > li:first-child {margin-left: 0;}
.navbar-default .navbar-nav > li > a {font-family: 'Abel', sans-
浏览 4提问于2016-02-12得票数 0
回答已采纳
在这里学习html/css。我正在尝试为我的.menu ul li ul li添加一个底部边框
.menu ul li ul li{
padding:0;
float:none;
margin:0 0 0 0px;
width:100%;
border-bottom: 1px solid #911;
}
但是右边的边框被切掉了，因为在这个样式中有正确的填充：
.menu ul li ul{
position:absolute;
right: 0px;
border:1px solid #911;
/*box-shadow*/
-webkit-box-shadow:0 1px 5px #CCCC
浏览 0提问于2011-11-17得票数 0
回答已采纳
1回答
我已经做了一个css下拉菜单，我希望每个下拉选项有一个蓝色背景时，它是悬停的。然而，当我尝试这个选项的背景只会是蓝色的，当它的上半部分是徘徊。在这里，它在摇摆不定。如果你把鼠标悬停在“产品”选项上，然后把鼠标放在“板块”下面，但在灰色的水平线上方，背景不会是蓝色的。有人能帮我吗？谢谢。
HTML (注意，这是我网页的一个片段，因此它没有有效的语法)
<h1 id="title">Sample Text</h1>
<div id="HorzLineDiv"><hr></div>
<div
浏览 3提问于2013-08-25得票数 0
回答已采纳
我有下面的代码，我想知道为什么当我将margin-top: 100px;应用到徽标id时，它会影响包装器div标记，因为它也会inherits一个100 if的margin-top，但是如果我应用了一个padding-top，它的工作方式就像我想要的那样。
码
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content
浏览 3提问于2011-08-23得票数 4
回答已采纳
2回答
当display: flex flex容器没有看到flex容器后面的h1s底部边距或h1的上边距时，
但display:inline-flex见
我想知道为什么弹性容器会这样。
h1 {
color: #555;
}
.flex-container {
margin:40px auto;
padding: 10px;
background-color: #ddd;
border-radius: 5px;
list-style: none;
box-sizing: border-box;
}
.flex-item {
color: white;
background-co
浏览 0提问于2018-11-01得票数 1
回答已采纳
在创建网站的索引文件或框架时，HTML构建的结构是什么？例如:1是头，然后是导航栏等等，为什么我们要嵌套div？把div分开不是更好吗？
而不是这样：
<div id="header">
<div id="menubar_container">
<div id="menubar">
<div id="welcome">
<h1><a href="#">Industrial Grey</a&
浏览 0提问于2016-04-07得票数 0
4回答
下拉菜单在IE7中消失
、、、
IE7的下拉菜单有一个奇怪的问题：
当鼠标移动到悬停在其他层上方的零件时，该下拉菜单将消失。
HTML结构如下所示：
<div class="header">
<ul class="nav>
<li><a href="">item</a>
<ul><li><a href="">sub-item</a></li></ul>
</li>
</ul>
</div
浏览 1提问于2010-03-28得票数 3
1回答
今天，我遇到了以下问题:当使用包含多个列的列表时(列表项设置为margin-bottom )时，Chrome不能正确地呈现列的底部，当悬停在底部时将悬停事件发送给错误的<li>。
要查看此效果，只需在最左边列的底部项底部来回悬停。它简要地突出了单个像素的第四个元素，然后突出第三个像素。
ul {
columns: 3;
margin: 0;
padding: 0;
}
li {
list-style: none;
background: #6F6;
margin-bottom: .4em;
cursor: pointer;
}
li:hover
浏览 2提问于2018-09-30得票数 4
回答已采纳
2回答
当视窗大小为784x741时，在我想要去掉的框上有一个左右边距。我知道如何去掉顶部的“空白”，但这是“我无法摆脱的两边的空白”。有没有人知道如何消除空白，这样标题就可以扩展浏览器视图的全部宽度?我的代码显示在下面。
<div class="container">
<div class="grid_12">
<header>
<nav>
<ul>
<li><a hre
浏览 5提问于2016-05-25得票数 1
回答已采纳
2回答
我已经将某个特定div的margin设置为0px，但是当我在Chrome中检查它时，它仍然显示出边距。我不知道为什么会这样：
如您所见，CSS中有margin: 0px，Chrome在右下角表示元素没有边距。但是，当我将鼠标悬停在div上时，右边有一个很大的橙色区域，表示页边距。
这是我的HTML：
<div id="content">
<div id="nav">
<ul>
<li><a
浏览 2提问于2018-01-15得票数 1
当在几个元素上使用navbar-right类时，我似乎必须以相反的方式对后面的元素进行排序。
例如，在导航栏的右侧，我想要一个搜索表单和用户图标。所以，我这样做了：
<form class="navbar-form navbar-right" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search"&g
浏览 0提问于2016-07-14得票数 0
3回答
下拉菜单不可点击
、、
我被我做的下拉式菜单卡住了。当我将鼠标悬停在菜单项上时，会出现一个下拉列表，但我似乎无法单击该下拉列表项，因为下拉列表和菜单之间存在空白。
这是我的代码：
nav ul ul {
display: none;
}
nav ul li:hover > ul {
display: block;
}
nav ul {
float : right;
padding: 0px 10px;
list-style: none;
position: relative;
display: inline-table;
}
nav ul:after {
content: "&
浏览 2提问于2013-11-01得票数 0
在这个小提琴()上，每当我将光标悬停在第二列中的一个元素上时，WindowsFirefox87就开始在列表的两个渲染之间来回切换，速度非常快。
右下角面板必须宽850 be才能复制错误。
这种情况在Chrome (或Edge)下不会发生。
当我评论规则时，问题就消失了。
li {
margin: 0.25em 0 0.5em;
}
有人能解释一下这是怎么回事吗？
浏览 1提问于2021-04-08得票数 1
回答已采纳
我在一个列表中有一些文本链接，然后在两个div中。我希望悬停效果从列表中扩展到外部div的外部。有没有办法用负数填充呢？另一种方式？完全有可能吗？
视觉效果会更简单
现在是什么样子-
突出显示周围div中的填充-
我想让a:hover效果看起来-
基本上代码看起来是这样的-
.1 { padding: 10px;}
.2 { padding: 5px;}
<div class="1">
<div class="2">
<ul>
<li>
<a>
浏览 2提问于2011-07-13得票数 0
我想做一个悬停效果弹出一个图标，但下面有一个固定的阴影。因此，我使用Jquery与悬停和动画的边距-顶部。当图像块改变它的页边距顶部时，会发生什么情况?我如何才能将阴影固定在它的位置？
这是我的代码
<style>
#icons
{
list-style-type: none;
margin: 0px;
padding: 0px;
overflow: auto;
}
#icons li
{
float: left;
height: 170px;
padding: 10px 0px 0px 0px;
}
#icons li a.img_bounce
{
display: block;
浏览 0提问于2011-10-05得票数 0
4回答
无法解释的空格？
、、
我只是在编写一些简单的代码，但我的结果似乎有一个无法解释的空格.我也不能失去它！
明确一点:我指的是紫色标题和白色导航属性之间的“线”。
我试着去掉代码中的制表符和空格，但是没有帮助。
这里有一个简单的小提琴：
HTML：
<body>
<div id="wrapper">
<header>
<img class="logo" src="images/logo.png">
</header>
<nav id="mainMenu&
浏览 1提问于2014-05-20得票数 0
回答已采纳
5回答
当鼠标悬停在安莉元素上时，我想在底部和顶部添加边框。代码如下所示：
#overview li:hover {
background: rgb(31, 31, 31);
border-top: 1px solid white;
border-bottom: 1px solid white;
}
(将导航悬停在左侧)
问题是，它将li元素移动了1或2个像素。我已经尝试为悬停状态添加一个margin-top: -1px，但这不能解决问题。
有什么想法吗？
浏览 2提问于2013-03-29得票数 0
回答已采纳
3回答
我想将#wctopdropcont元素稍微向左移动。我已经尝试应用边距和填充的值，但它根本不起作用。我会理想地希望文本是20px的左边。我的博客的网址如下：和下面我已经包含了整个悬停导航栏的html和css编码。
#wctopdropcont{ /* width of the main bar categories */
width:100%;
height:45px;
display:block;
padding: 5.5px 0 0 0;
z-index:100;
top:0px;
left: 0px;
position:fixed;
background:#f8f8f8;
}
#
浏览 0提问于2015-12-18得票数 0
回答已采纳
我遇到了一些问题，我用CSS和HTML制作的下拉菜单会强制换行，下拉菜单会出现故障。通过运行我的代码，您可以看到这个问题。
/* HEADER/NAVBAR */
.main-nav {
text-decoration: none;
list-style-type: none;
display: inline;
text-align: center;
}
li {
display: inline-flex;
margin-left: 70px;
padding-bottom: 0px;
position: inherit;
text-transfor
浏览 2提问于2017-03-24得票数 1
回答已采纳
这有点难以解释，但在这里，我正试图复制特斯拉网站.
Goal：而我目前的障碍是让导航条、标题和按钮在固定位置上叠加在图像上，同时能够向下滚动其他图像。
Problem：每次我给覆盖容器一个固定的位置，它就从中间取出来，给出一个看上去没有发现的宽度，我试图通过给容器一个宽度和边距:0 auto来抵消这一点，但是它什么也不做。
当我将鼠标悬停在覆盖层之间的任何东西上时，我无法滚动图像。
浏览 5提问于2022-04-29得票数 1
3回答
在普通屏幕上，菜单位于内容之前，但当显示导航切换和菜单时，在缩小浏览器的宽度之后，然后单击菜单，所显示的导航器就会落后于内容。
同样，在加载时，我希望所选的菜单在悬停时具有相同的颜色，在这种情况下，我得到#bbeecc...how吗？
.page-wrap {
width: 100%;
height: 100%;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.header {
background-color: #00FF0
浏览 0提问于2014-04-29得票数 0
回答已采纳
2回答
我正在我的网站上创建一个水平菜单，一切都很好，但有一件事。我在每个<li>中都有一个链接，颜色设置为白色，li没有背景，但在悬停时，我想将li背景设置为白色，将链接文本颜色设置为黑色。问题是，<a>标签的宽度是不一样的<li>和当鼠标经过的部分，即在<li>中，但不在<a>都成为white.Anchor链接不能有宽度属性，据我所知，我尝试了不同类型的技巧，但没有success.Any的想法？
#primary-menu ul li {
list-style-type: none;
float: left;
ba
浏览 0提问于2010-09-12得票数 0
1回答
我不知道如何在一个简单的标题问题中真正解释这一点，但我有一个示例页面来向您展示我在中的意思
正如你所看到的，我在下拉菜单上遇到了问题。每当我将鼠标悬停在下拉列表“accordion”中的下一个类别上时，如果他们的浏览器在一个小窗口中，它就会跳回来，并与桌面光标发生冲突。另一件事是，移动用户不能简单地再次单击框链接来关闭下拉菜单，这是我想解决的另一个问题。有没有人能看看这个，帮我找出哪里做错了？
这是我的网址：
<nav>
<ul id="navigation">
<li><a id="current"
浏览 3提问于2017-01-29得票数 0
回答已采纳
我在使悬停菜单起作用方面有困难。在下面的链接中，当我悬停在主菜单项上时，子菜单就会出现。当我试图在子菜单上悬停时，当我将光标移到它上面时，它就消失了。
<div id='menu'>
<ul>
<li>
<center><a href="#">Services</a>
</center>
<ul>
<li><a href
浏览 0提问于2015-04-24得票数 0
回答已采纳
1回答
使用bootstrap并尝试在悬停时做一些简单的css动画，展开元素以突出显示它。
.text-block {
background-color: white;
min-height: 400px;
text-align: center;
transition: .1s;
margin: 1em;
}
.text-block:hover {
margin: 0em;
transition: .1s;
z-index: 99;
}
这看起来几乎是正确的，因为元素看起来是扩展的，因为边距被动画移走了，但它在页面上移动，所以它看起来只有元素的三个边增长。
是否可以将
浏览 1提问于2014-01-06得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
