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>

如果我这样做，第二个 block (编辑图标)会出现在容器之外......如果我改变我的订单。它有时会出现，但不可点击。我究竟做错了什么？链接变成链接是不可能的吗？或者这是一种特殊的方式吗？

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/