繁体   English   中英

IMG周围的边界

[英]Border Around IMG

我一直在寻找答案,但是我所能找到的一切似乎都无法解决我的问题。

我有一个jQuery轮播,可按需延迟加载图像( Slick Carousel )。 我的问题是,当您滑动图像时,img占位符周围会出现一个细的灰色边框(大多数情况在chrome和webkit浏览器中,但有时在带虚线的Firefox中)。 当您单击屏幕上的任意位置时,线条消失,但是如果继续滑动,它们就会围绕每个图像。

我已经将CSS属性border和outline设置为0,并且没有设置,我也尝试禁用延迟加载以具有src,但是似乎没有什么能够使小边框消失。

有谁知道如何摆脱它?

我已经附上了两个屏幕截图,一个带有线条,一个没有线条(在背景中单击后,它们消失了):

带线 没有线条

这是活动链接元素的边框。 快速又肮脏的解决方案:监听click事件,然后focus()放在其他事件上。

编写此代码时,我得到了启发,因此检查了滑块的GitHub页面中的问题,并发现了这一点:

https://github.com/kenwheeler/slick/issues/1636

放置轮廓:无; 在相应的容器中修复它。

还要感谢Thomas Landauer,如果我没有检查GitHub问题,您的回答肯定会让我朝正确的方向发展。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM