遇到了一個有趣的問題,我很難過。在超鏈接的區域內顯示鏈接
基本上在我們的一個頁面上我們有幾個超鏈接區域。這些區域不僅可以在有文字的地方點擊,而且可以在整個背景中設置與display:block
的鏈接。你可以看到這樣一個可點擊區域的簡單例子here。
所以最近的權力,要求我在這方面增加另一個鏈接。內部鏈接對於可點擊區域會有不同的目標,並且只能點擊它的即時文本,其餘的可點擊區域將圍繞它。您可以看到這將如何在這demo(黃色位代表內部鏈接的可點擊部分,紅色代表外部鏈接)合在一起。 注意:我意識到這看起來是一個非常混亂的實現,但我恐怕它已經不在我的手中了。
設計(有很好的理由),我不能簡單地窩我<a>
標籤,像這樣:
<a href="#" class="clickable_area">
<span>RED Background and clickable</span><br/>
<span>RED Background and clickable</span><br/>
<span>RED Background and clickable</span><br/>
<a class="inner_link" href="#">Yellow background and it's own link</a><br/>
</a>
試圖巢標籤這樣使外部鏈接被的</a>
一審過早關閉如所見here。
一個解決方案可能是讓內部鏈接成爲span元素,然後使用onclick事件通過JavaScript執行超鏈接,但是我沒有發現這種方法,並且真的更喜歡避免任何JavaScript變通方法。
我已經嘗試了幾個與CSS等解決方法,但至今我已經幹了。我有一種感覺,絕對定位或負利潤率可能是關鍵,但我從來都不擅長。
如果有人可以提出任何建議,我會非常感激。
這不會幫助,但這樣的嵌套錨將是無效的標記,並可能進一步導致問題的路線。我懷疑它可以用傳統的手段來完成,但是這是人類中衆神的家園。如果可能的話,我還建議重新實施實施(即使用可輕鬆支持多個鏈接的可點擊的「div」)(但也欣賞「權力」的固執) – Ross 2010-11-24 22:08:01