html - 灯箱的奇怪行为
问题描述
我刚刚尝试了@ongtiffany 在codepen.io上编写的关于灯箱的CSS 代码。代码很棒,但如果我在独立测试中使用它(如下)
<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”键关闭窗口的方法是什么?
解决方案
推荐阅读
- stored-procedures - 使用存储过程更新列
- visual-studio-code - Visual Studio2019 和 VS Code 键盘快捷键
- c - “%d 将输入的其余部分转换为整数”是什么意思?
- phaser-framework - 如何在移相器中创建新键
- crystal-reports-xi - 为行生成序列号,避免水晶报表 XI 中的重复行
- angular - 角度 - 知道模板渲染何时完成 - 使用异步管道
- reactjs - 使用 next.js 中的钩子以编程方式进行动态导航
- numpy - 图像处理中的“无法使用灵活类型执行缩减”
- inno-setup - 在 Inno 中动态设置按钮的宽度?
- firebase - 使用 Vue Firestore 设置布尔值