Question

我正在进行wordpress自定义，我需要将整篇文章标记作为链接基本上当我将<article>悬停在背景颜色变化（工作）时，但是我无法想象html将整个标记变成链接。我试过两种方式

<a href="mylink">
    <article>
        /*article content: an image, header &text*/
    </article>
</a>

和

<article>
    <a href="mylink">
        /*article content: an image, header &text*/
    </a>
</article>

Answer 1

第一个代码应该有效。将类添加到<a>标记并使用css display：block属性。

＆＃13;

.block{
  display: block;
}

＆＃13;

<a class="block" href="mylink">
    <article>
        <img src="http://placehold.it/400/400" alt="" />
    </article>
</a>

＆＃13;

Answer 2

谢谢Kijan！ 你的答案几乎可行。我不得不像这样调整它：



    .parent{
	position: relative;
    }
    .block{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
    }
    <div class="parent">
        <a class="block" href="mylink">
            <article>
                <img src="http://placehold.it/400/400" alt="" />
            </article>
        </a>
    </div>

所以基本上给链接一个高度是必不可少的。并且为了覆盖整篇文章，我把它作为绝对的位置，并采取整篇文章的背景。也许这有助于其他人。

使整个<article> -tag成为一个链接

2 个答案: