灯箱的异常行为

问题描述 投票：0回答：1

[我刚刚尝试过@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”键关闭窗口的方法是什么？

html css image lightbox
1个回答
0
投票

尝试一下

a.lightbox{
  text-decoration:none;
}

输出

enter image description here

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.