HTML href 与 css ie 问题

Question

<style type="text/css">
.web_westloh {
background-image: url(images/web_westloh.png);
background-repeat: no-repeat;
height: 100px;
width: 350px;
}
.web_westloh:hover {
border-bottom-width: 2px;
border-bottom-style: dashed;
border-bottom-color: #999999;
padding-bottom: 5px;
}
.web_money {
background-image: url(images/web_money.png);
background-repeat: no-repeat;
height: 100px;
width: 350px;
}
.web_money:hover {
border-bottom-width: 2px;
border-bottom-style: dashed;
border-bottom-color: #999999;
padding-bottom: 5px;
}
</style>

<a href="http://www.westloh.com" title="Click to Visit http://www.westloh.com" target="_blank" class="web_westloh">
  <div class="web_westloh"></div>
</a>
<a href="http://www.money-mind-set.com" title="Click to Visit http://www.money-mind-set.com" target="_blank">
  <div class="web_money"></div>
</a>

问题是：
在 mozilla 中链接是可以的。没问题。
但在IE中链接是有问题的，它不会链接到目标中。

请参阅此页面以查看问题： http://replytowest.com -->在底部。

谢谢

Answer 1

首先，a 是一个内联元素。 div 是块级元素。块级元素不是内联元素的有效子元素。

最后，完全不需要 div。

只需执行以下操作：

<style>
a.button, a.button:link, a.button:visited {display: block; width: 350px; height 100px;}
a.button:hover, a.button:active {
  border-bottom-width: 2px;
  border-bottom-style: dashed;
  border-bottom-color: #999999;
  padding-bottom: 5px;
}

a.web_westloh {
  background-image: url(images/web_westloh.png);
  background-repeat: no-repeat;
}

a.web_money {
  background-image: url(images/web_money.png);
  background-repeat: no-repeat;
}

</style>

<a class="button westloh" href="http://www.example.com" title="link title"></a>
<a class="button web_money" href="http://www.example.com" title="link title"></a>

Answer 2

将其添加到您的样式表中：

#content_sub_text a {
    position: relative;
    cursor: pointer;
}

Answer 3

将

放在 内是无效的 HTML（a 是内联元素，div 是块级元素）。将 div 替换为包含 display: block 的 span。

可能不相关，但 onclick 处理程序应返回 false，以免同时在两个窗口中打开页面。

Answer 4

将 a href 标签放在 div 标签内。那应该解决它。

Answer 5

我不知道这是否能解决你的问题，但如果你有一个完全空的 div ，就会发生奇怪的事情。尝试将单个   放入

标记内，看看是否有帮助。

Answer 6

给出显示：块；到链接属性..

希望这有帮助
阿维纳什