Я не могу нажать на ссылки в Firefox и Chrome (они работают в IE7)

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-индекс, чем abouttop). Укажите более высокий z-индекс и посмотрите, поможет ли это.

Answer 2

Что-то, скорее всего, перекрывает эти элементы в Firefox / Chrome. В Chrome щелкните правой кнопкой мыши и осмотрите элемент . Это приведет вас к элементу, перекрывающемуся на панели инструментов, а затем ... больше не сможет вам помочь без дополнительной информации, но если вы обновите вопрос этой информацией, мы сможем.

Будем надеяться, что просто определение перекрывающегося элемента - это момент "аааааааааааааааааааааааааааааааа ...." * * * * * * * * * * * *

Answer 3

По какой-то причине я изменил z-index на 2 и работал.