li 标签中的 Href 不起作用

Question

这是我的代码：

             <li>
                <figure>
                    <img src="images/1.png" alt="img04">
                    <figcaption>
                        <h3>Text</h3>
                        <span>Text</span>
                        <a href="#screen" class="cd-modal-trigger">View</a>
                    </figcaption>
                </figure>
            </li>

我想，当我点击图片时，href 转到#screen。但是当我尝试这个时：

<img src="images/1.png" alt="img04" href="#screen">

它不起作用。

那么有没有办法当你点击图片时，你会转到#screen？

Answer 1

那么有没有办法当你点击图片时，你会转到#screen？

当您单击文本查看时，您将转到#screen。这是因为文本位于带有href 属性的<a> 内。

如果您想在单击图像时获得相同的效果，您对图像执行的操作与对文本执行的操作完全相同。

将<img> 包装在<a> 元素中。将href 属性放在<a> 元素上。

Answer 2

试试这个：

<a href="#screen"><img src="images/1.png" alt="img04"></a>