Language agnostic 我能'；t单击Firefox和Chrome中的链接（它们在IE7中工作）

这是我见过的最奇怪的事情。我无法单击以下代码中的最后3个链接（当我使用FF或Chrome时）：

HTML:

<div id="leftmanulist">
        <div class="abouttop">
        <ul class="aboutlist">
            <li class="index"><a>成立宗旨</a></li>
            <li><a href="instruments.html">樂器編制</a></li>
            <li><a href="performance.html">演奏曲目</a></li>
            <li><a href="clothes.html">服裝介紹</a></li>
            <li><a href="aboutfalundafa.html">關於法輪大法</a></li>
            <li><a href="awards.html">各界褒獎</a></li>
        </ul>
        </div>
        <div class="aboutbutton"></div>
 </div>

---

对我来说很有用，但是我可能没有完整的HTML/CSS

---

如果我不得不猜测的话，我会说aboutbutton元素可能与底部链接重叠（因为您将其定位在顶部：-17px；并且它的z索引比abouttop更高）。给abouttop一个更高的z索引，看看这是否有帮助。

对我来说很有用，但是我可能没有完整的HTML/CSS

---

如果我不得不猜测的话，我会说aboutbutton元素可能与底部链接重叠（因为您将其定位在顶部：-17px；并且它的z索引比abouttop更高）。给abouttop一个更高的z-index，看看是否有帮助。

出于某种原因，我将z-index改为2并工作。

出于某种原因，我将z-index改为2并工作。

Firefox/Chrome中的这些元素很可能重叠。在Chrome中，右键单击并检查元素。这将把你带到工具面板中重叠的元素，如果没有更多信息，那么…将无法进一步帮助你，但是如果你用这些信息更新问题，我们可以

---

希望识别重叠元素是一个“啊啊啊那该死的东西”的时刻，问题解决了：）

在Firefox/Chrome中，最有可能重叠这些元素。在Chrome中，右键单击并检查元素。这将把你带到工具面板中重叠的元素，如果没有更多信息，那么…将无法进一步帮助你，但是如果你用这些信息更新问题，我们可以

---

希望识别重叠元素是一个“啊啊啊那该死的东西”的时刻，问题解决了：）

对于我在Chrome上只使用发布的代码很好。可能是其他原因导致了问题。当我只使用发布的代码时，在Chrome上工作正常。可能是其他原因造成了问题。

#leftmanulist{ background:url("images/abouttop.gif") no-repeat;
float: left;
margin: 2px 2px 5px 30px;
padding:39px 0 0 0;
width:237px;}
#leftmanulist ul li{line-height:35px;text-align:left; text-decoration:none;}
#leftmanulist ul li a{ text-decoration:none;}

#leftmanulist ul li:hover{ color:#0068FF;}
#leftmanulist ul li a:hover{ color:#0068FF;}

#leftmanulist ul li.index{ color:#0068FF;}
#leftmanulist ul li.index a{ color:#0068FF;}
.abouttop{background:url("images/leftmanulist_z.gif") repeat-y ;
padding:0 6px;  position:relative; z-index:0;
width:237px;}
.aboutlist{position:relative;left:28px;}
.aboutbutton{background:url("images/leftmanulist_b.gif") no-repeat;
width:237px; height:20px; position:relative; top:-17px; z-index:2;}