2010-04-17 59 views
0

它是我見過的最奇怪的東西。我無法點擊下面的代碼的最後3個環節(當我使用FF或Chrome):我無法點擊Firefox和Chrome中的鏈接(他們在IE7中工作)

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;} 
+0

工作正常,我在Chrome。其他的東西可能會導致問題。 – 2010-04-17 10:55:33

回答

2

對我的作品,但隨後我可能沒有完整的HTML/CSS。

如果我不得不猜測,我會說你的aboutbutton元素可能與底部鏈接重疊(因爲你將它定位在頂部:-17px;並且它具有比abouttop更高的z-index)。給予更高的Z指數,看看是否有幫助。

0

出於某種原因,我將z-index改爲2並工作。

1

東西很可能與Firefox/Chrome中的這些元素重疊。在Chrome中,點擊右鍵並且檢查元素。這會將您帶到工具面板中重疊的元素,然後......如果沒有更多信息,將無法幫助您,但如果您使用該信息更新問題,我們可以。

希望只是識別重疊元素是「AHHHHH 該死的事情」的時刻,只使用代碼貼的時候問題就解決了:)

相關問題