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*/作为小编辑图片div。

或告诉我代码，以便我可以提供更好的帮助。

html css链接到另一个链接

2 个答案: