在IE中嵌套<a>标签

Question

我正在用HTML编写一个地图,利用背景图像和图像地图在鼠标悬停在某些点上时创建悬停在框上.下面是其中一个框的代码部分,没有相关的CSS.我在添加链接到我的URL时发现了IE的问题(本节)<a href="TEST.COM" style="text-align:center; padding-left: 80px;" title="TEST">TEST.COM </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>

Answer 1

你不能嵌套链接.Firefox正在以某种方式"修复此问题",IE正在另外做这件事.

如果要"添加"信息的叠加DIV,则应将其附加到链接外部的DOM,并将其浮动到页面上(位置:绝对值).