Html 类：悬停不发生

我有两个具有以下代码的类-

<div class="arrow-left"> <h1> < </h1> </div>
<div class="arrow-right"><h1> > </h1> </div>

它们用于导航目的。 当我将鼠标悬停在.arrow left上时，它的背景不会改变，但当我将鼠标悬停在.arrow right上时，它的背景会改变。 一旦我点击了。向右箭头，我将鼠标悬停在上方。向左箭头，它的背景会改变！ 这是在Ubuntu上的Chrome上发生的。 这是你的电话号码

---

我想知道为什么会发生这种情况，但不需要解决办法。

这是由箭头的位置引起的，在您的示例链接中，当鼠标位于左箭头下方约150px时，左箭头悬停功能正常，您应该以px为单位为鼠标指定宽度和高度，以便只有在鼠标真正悬停方框时，悬停才会起作用

---

另外，div.b-wrap位于左箭头框上方使用属性z-index

这是由箭头的位置引起的，在您的示例链接中，当鼠标位于左箭头下方约150px时，左箭头悬停有效，您应该以px为单位为其指定宽度和高度，以便仅当您真正悬停框时，悬停才起作用

---

另外，div.b-wrap位于左箭头框上方。使用属性z-index将z-index:100添加到。向左箭头将z-index:100添加到。向左箭头应以html格式转义箭头：>=>。然后看看它是否有效。不，转义不起作用。你应该对箭头进行html转义：>=>。然后看看它是否有效。不，转义不起作用z索引：1可以；不需要启动它。@JanDvorak z-index:1没有that@Morpheus试着把它添加到他的网站上，检查一下itz索引：1就可以了；不需要启动它。@JanDvorak z-index:1没有that@Morpheus试着在他的网站上添加它，然后检查它，但是，为什么当我点击右箭头时，左箭头开始接受：悬停？这本书的z指数下降了吗？我没来，但我明白了，你明白了！看起来不错，但是，为什么当我点击右箭头时，左箭头开始接受：悬停？这本书的z指数下降了吗？我没来，但我明白了，你明白了！看起来不错

.arrow-left{
position: fixed;
top:40%;
left:10%;
vertical-align: middle;
height:80%;width:5%;
text-align: center;
}
.arrow-right{
position: fixed;
top:40%;
right:10%;
vertical-align: middle;
height:80%;width:5%;
text-align: center;
}
.arrow-left:hover, .arrow-right:hover{
background-color: #4EB30B;
cursor:pointer;
}