簡體   English   中英

錨標簽href不起作用

[英]Anchor tags href not working

編輯:關閉錨固定。 在以下瀏覽器上進行測試時存在此問題:

  • 谷歌瀏覽器
  • Firefox 3.5
  • 蘋果瀏覽器

在IE 8上沒有問題

我在這里真的很奇怪。 總之,看看下面的html:

<a href="login_page.html" class="img">
    <span class="img_holder">
        <img src="images/columnists/mike_zeisberger248.jpg" onerror="this.src='default.jpg'"/>
    </span>
    <span class="btn">track him</span></a>  

這是img_holder css類:

.img_holder{
    border: 1px solid #c8c8c8;
    display:block;
    background:#fff; 
    height: 100px
}

img類:

.img{
    _margin:0 12px 12px 0;
}

現在,問題是單擊嵌套在錨標記內的圖像不會將您帶到其href鏈接(想想,當鼠標懸停在圖像上時,href鏈接顯示在狀態欄中,並且在新標簽中打開時打開完全正常) 。

有任何想法嗎?

某些瀏覽器存在display: inline錨點問題display: inline (默認)包含display: block元素。

使用.img選擇器將display: block添加到規則集。

另請參閱http://validator.w3.org/ - 它是一個很好的第一關,找到質量保證問題的懸而未決的成果。 您的示例代碼似乎有一些錯誤。

嗯,那里出現的問題很少出現; 一個是你的前/ onerror ,第二個是, <a>問題似乎並沒有被關閉。

除此之外,似乎沒有任何明顯的理由說明它不起作用; 也許更完整的源代碼帖子是有序的?

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM