Html css幻灯片中的链接

我想让幻灯片中的图像成为可点击的链接，但仅仅在其周围放置标签是行不通的：

<a href="#"><img class='photo'  src="Images/Red.jpeg" alt=""></a>

HTML:

<div id="slideshow">
    <img class='photo'  src="Images/Red.jpeg" alt="">
    <img class='photo'  src="Images/rose.jpeg" alt="">
    <img class='photo'  src="Images/White.jpeg" alt="">
    <img class='photo'  src="Images/rose.jpeg" alt="">      
</div>

---

使用包装图片，并将班级照片添加到链接中。从图片中删除类照片。试试看：）

试试看：

将所有图像包装在

标签中，每个标签上都有一个“photolink”类或任何您想要的名称

#slideshow a.photolink { display: block; } 

---

尝试将照片中的“位置：绝对”更改为“位置：相对”。

欢迎使用SO。你能做个演示吗？成功了！还必须将css中的img更改为.photo:img:nth child（1）{-webkit动画延迟：12s；}

#slideshow a.photolink { display: block; }