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 - ＆gt;在底部。

谢谢

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

将<div>放在<a>内是无效的HTML（a是内联元素，div是块级元素）。将div替换为具有display: block。

的范围

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

Answer 3

将其添加到样式表中：

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

Answer 4

将一个href标记放在div标记内。那应该解决它。

Answer 5

我不知道这是否会解决您的问题，但如果您有一个完全空的div，可能会发生奇怪的事情。尝试在 标记内添加一个<div>，看看是否有帮助。

Answer 6

给出显示：阻止;到链接属性..

希望这会有所帮助阿维纳什

HTML href与css即问题

6 个答案: