在IE中嵌套<a>標籤

我正在用HTML編寫地圖，該地圖利用背景圖像和圖像地圖在鼠標懸停在某些點上時將鼠標懸停在方框上方。下面是其中一個框的一段代碼，sans相關的CSS。當我將鏈接添加到我的網址（本節）時，我發現IE存在問題<a href="TEST.COM" style="text-align:center; padding-left: 80px;" title="TEST">TEST.COM </a>在IE中嵌套<a>標籤

懸停在地圖上的方式是使用鏈接類和a：hover屬性。然而，IE似乎認爲它比所有其他瀏覽器都更聰明，並且假設我的結束href標籤僅僅是超鏈接的結束，也會結束整個盒子（一個類），從而徹底踢出盒子下方的所有內容，並將其保留下來在頁面的側面可見。整個盒子的預期結束href標籤是代碼塊上最後一件事。當然，Firefox完美地解釋了這一點。 IE 8出現故障，兼容模式無法測試。

獲得這項工作的任何幫助將是偉大的。

所有不相關的內容已被替換爲單詞test。

<li><a class="TEST" href="#" title="TEST"><span><b><font size="4"> <center> 

<!-- School Info --> 
TEST </font> <br /><font style="font-size: 12px;" > 
TEST<br /> 
TEST<br /> 
(530) 582-2600 <br /> 
<a href="TEST.COM" style="text-align:center; padding-left: 80px;" title="TEST">TEST.COM </a><br /> </font> 


      </center></font> </b><br> 
      <center> <font size="4">TEST</font> </center> 

      <table width="195" border="0" style="padding-left: 10px; margin-left: 10px;"> 
    <tr> 

    <td width="150">TEST <br /> TEST<br /> TEST </td></td> 
    <td width="150">TEST</td> 
    </tr> 
</table> 

       </span></a></li>

來源

2011-02-01 Paul

-3

<font>和<center>標籤被棄用

來源

2011-02-01 21:36:23 Brett

是的，但並不能幫助回答這個問題。 – 2011-02-01 21:42:01

您不能嵌套鏈接。 Firefox正在爲你「修復這個」，IE正在這樣做。

如果您想要「添加」覆蓋DIV信息，您應該將其附加到鏈接外部的DOM，並將其懸浮在需要的頁面（位置：絕對）上。

來源

2011-02-01 21:33:29 scunliffe

另外，我看到'

`無效的嵌套順序與``和``混合標籤。這是一個奇蹟**任何**瀏覽器都能夠按預期渲染這個混亂。 – 2011-02-01 22:05:25

在IE中嵌套<a>標籤

回答

相關問題