什麼是隻使用css製作css和html的最佳方式

Question

我想用四個圖像創建lightbox。出於某種原因，每個鏈接都會打開第一張lightbox圖像。

Answer 1

所有鏈接href財產等於#img1。

你應該給你的a標籤對應的收藏夾圖像鏈接的id的href屬性：

縮略圖鏈接1：

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

對應於燈塔圖片鏈接1：

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

Thumbnail Image Link 2：

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

對應於燈塔圖像鏈接2：

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

縮略圖圖像鏈接3：

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

對應於燈塔圖像鏈接3：

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

縮略圖鏈路4 ：

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

對應於燈塔圖片鏈接4：

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