首页 文章

HTML href与css即问题

提问于
浏览
2
<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>

The Problem is:
在mozilla链接是好的 . 没问题 .
但在IE中,链接是一个问题,它不会在目标中链接 .

See this page to see Problem: http://replytowest.com - >在底部 .

Thank You

6 回答

  • 0

    将其添加到样式表:

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

    <div> 放在 <a> 中是无效的HTML( a 是内联元素, div 是块级元素) . 用具有 display: block 的 Span 替换div .

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

  • 3

    首先, a 是一个inlne元素 . 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.domain.com" title="link title"></a>
    <a class="button web_money" href="http://www.domain.com" title="link title"></a>
    
  • 1

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

  • 3

    我不知道这是否能解决你的问题,但如果你有一个完全空的div,可能会发生奇怪的事情 . 尝试在 <div> 标记内放一个 &nbsp; ,看看是否有帮助 .

  • 2

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

    希望这可以帮助
    阿维纳什

相关问题