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。这是因为文本位于<a>内，且href属性。

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

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

Answer 2

试试这个：

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