我刚刚尝试了@ongtiffany在CSS code上关于灯箱的codepen.io。
代码很棒，但是如果我在独立测试中使用它（如下）
<body>
<a class="lightbox" href="#first">
<img src="https://drive.google.com/uc?export=view&id=1cKXuGQzX3t65NoYEKfuI4wBHwxUM9wjH"/>
</a>
<div class="lightbox-target" id="first">
<img src="https://drive.google.com/uc?export=view&id=1cKXuGQzX3t65NoYEKfuI4wBHwxUM9wjH"/>
<a class="lightbox-close" href="#"></a>
</div>
<a class="lightbox" href="#second">
<img src="https://drive.google.com/uc?export=view&id=1kLe9YXiM2XdgwKkATwkhfk6kzdnKIefi"/>
</a>
<div class="lightbox-target" id="second">
<img src="https://drive.google.com/uc?export=view&id=1kLe9YXiM2XdgwKkATwkhfk6kzdnKIefi"/>
<a class="lightbox-close" href="#"></a>
</div>
</body>
</html>
在两张图片之间给我留下了一个奇怪的“ _”符号。
你能看见它吗？有什么建议可以消除吗？
还有一个问题？通过按“ ESC”键关闭窗口的方法是什么？
最佳答案
尝试这个
a.lightbox{
text-decoration:none;
}
输出值