html css鏈接到另一個鏈接

Question

這是我的問題：我嘗試將“鏈接”添加到另一個鏈接中。 說明：我有一個圖像，該圖像位於鏈接內，因此，當我單擊該圖像上的任何位置時，都將重定向到所需的頁面。 我想要做的是在此圖像的右上角添加一個小的“編輯圖標”，以便我可以在專用於此的另一頁上編輯其屬性。

事實是，我想擁有這個“編輯圖標”作為鏈接，當我單擊它時，我想重定向到另一個頁面，而不是重定向到主圖像容器鏈接的URL的頁面...

所以代碼看起來像這樣：

<a href...>
    <span ... with style : size and background image so it looks like a clickable picture...>

        <a href...>
            <span... the second span with another background (edit icon), FLOAT RIGHT (to get it in the corner of the container span) and small sized...>
            </span>
        </a>

    </span>

</a>

如果我用這種方式做事，第二個方塊（編輯圖標）將顯示在容器外……並且如果我更改訂單。 有時會出現，但不可點擊。 我究竟做錯了什么？ 將鏈接變成鏈接是不可能的嗎？ 還是這是一種特殊的方式？

Answer 1

您不能將鏈接放置到另一個鏈接中。 您應該像下面這樣放置鏈接：

<div id="container">
    <a id="show" href="link1.html"><div></div></a>
    <a id="edit" href="edit.html"><div></div></a>
</div>

這是您的示例： http : //jsfiddle.net/gXV73/1/

Answer 2

您可以使用兩種不同的圖像，一種用於編輯圖標，另一種將成為您的主要大圖像。

將兩個圖像都放在兩個不同的div中，並使用position:absolute; 和z-index:100; left:/*something*/; right:/*something*/ z-index:100; left:/*something*/; right:/*something*/ z-index:100; left:/*something*/; right:/*something*/用於小型編輯圖像div。

或告訴我代碼，以便我可以提供更好的幫助。