Question

我正在用HTML编写一张地图，利用背景图片和图片地图，当鼠标悬停在某些点上时，可以将鼠标悬停在框上。下面是其中一个框的代码部分，没有相关的CSS。当我添加链接到我的网址（本节）<a href="TEST.COM" style="text-align:center; padding-left: 80px;" title="TEST">TEST.COM </a>

时，我发现了IE的问题

悬停在地图上的方式是使用链接类和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，并将其浮动到页面上（位置：绝对值）。

Answer 2

不推荐使用

<font>和<center>代码

嵌套<a> tags in IE</a>

2 个答案: