Question

这是我见过的最奇怪的事情。我无法点击以下代码中的最后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>

CSS：

#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;}

Answer 1

适合我，但后来我可能没有完整的HTML / CSS。

如果我不得不猜测，我会说你的aboutbutton元素可能与底部链接重叠（因为你将它定位在顶部：-17px;它的z-index高于abouttop）。给大约一个更高的z指数，看看是否有帮助。

Answer 2

有些东西最有可能与Firefox / Chrome中的这些元素重叠。在Chrome中，右键单击检查元素。这将带您进入工具面板中重叠的元素，然后....如果没有更多信息，则无法帮助您，但如果您使用该信息更新问题，我们可以。

希望只是找出重叠的元素就是“啊......那个该死的东西”时刻和问题解决了：）

Answer 3

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

我无法点击Firefox和Chrome中的链接（它们在IE7中工作）

3 个答案: