使用css制作css和html的最佳方法是什么？

Question

我正在尝试使用四张图片创建灯箱。出于某种原因，每个链接都会打开第一个灯箱图像。

Answer 1

您的所有链接'href属性均等于#img1。

您应该为a代码添加相应灯箱图片链接href的{​​{1}}属性：

缩略图图片链接1：

id

对应于Lighthouse Image Link 1：

<a href="#img1"><img src="image/url"></a>

缩略图图片链接2：

<a href="#_" class="lightbox" id="img1"><img src="image/url"></a>

对应于Lighthouse Image Link 2：

<a href="#img2"><img src="image/url"></a>

缩略图图片链接3：

<a href="#_" class="lightbox" id="img2"><img src="image/url"></a>

对应于Lighthouse Image Link 3：

<a href="#img3"><img src="image/url"></a>

缩略图图片链接4：

<a href="#_" class="lightbox" id="img3"><img src="image/url"></a>

对应于Lighthouse Image Link 4：

<a href="#img4"><img src="image/url"></a>