如何仅使用css实现灯箱效果？可用示例

该网站说它没有使用：target，我查看了源代码，据我所知没有js，所以它只是css？怎样。非常感谢您提供一个小的提琴示例或解释。谢谢。

阅读有关css3转换的信息（链接有很好的解释），它提供了一种使CSS属性更改动画化的方法，而不是让更改立即生效，该网站展示了使用它可以实现的一些效果

打开灯箱的事件是焦点事件。这也是按tab或shift-tab键可以切换图像的原因。正如Neil所说，您可以在css文件中找到详细信息

---

如果您只需加载站点并经常按tab按钮以聚焦其中一张图片，灯箱也会打开。

缩略图上使用的CSS选择器是

：focus

和

：active

选择器，当您单击锚定时会应用这些选择器（对于IE兼容性，以及您将在Firebug中看到的内容，处于活动状态）

---

这些选择器仅具有CSS转换，可将压缩图像扩展到全尺寸，然后当您单击另一个元素时，

：focus

显然丢失，lightbox消失。您也可以使用tab键导航，因为这样做只是在锚定之间切换焦点，从而激活CSS转换再次点击。

IE的伪类，

：中评论的非IE的焦点。
我认为线索在页面的标题-CSS Lightbox中。详细信息可以在他们网站上的文件
CSS/Lightbox.CSS
中找到。但是点击是如何模拟的？@andrei With
：active
，请参阅我的答案
http://www.w3css.co.uk/