HTML href 与 css 即问题

Posted

技术标签:

【中文标题】HTML href 与 css 即问题【英文标题】:HTML href with css ie Problem 【发布时间】:2011-02-19 09:09:58 【问题描述】:

问题是: 在 Mozilla 链接是好的。没问题。 但是在 IE 中链接有问题,在目标中不会链接。看这个页面看问题:http://replytowest.com-->在底部。谢谢

【问题讨论】:

【参考方案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>

【讨论】:

【参考方案2】:

给出显示:块;到链接属性..

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

【讨论】:

【参考方案3】:

将此添加到您的样式表中:

#content_sub_text a 
    position: relative;
    cursor: pointer;

【讨论】:

【参考方案4】:

&lt;div&gt; 放入&lt;a&gt; 是无效的htmla 是内联元素,div 是块级元素)。将 div 替换为具有display: block 的跨度。

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

【讨论】:

【参考方案5】:

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

【讨论】:

【参考方案6】:

我不知道这是否会解决您的问题,但如果您的 div 完全为空,则可能会发生奇怪的事情。尝试在&lt;div&gt; 标签中添加一个&amp;nbsp;,看看是否有帮助。

【讨论】:

仍然无法正常工作。我也试过 onclick="javascript:location.href='location.html'"> 。也不行。

以上是关于HTML href 与 css 即问题的主要内容,如果未能解决你的问题,请参考以下文章

CSS--基础块级元素与内联元素

css 块状元素与行内元素(内联元素)的理解

CSS 背景位置 background-position属性

co css规范

CSS自定义属性与前端页面的主题切换

CSS 定位和选择器