IMG边境

时间:2015-11-22 23:00:03

标签: javascript jquery html css

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

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

我已经将CSS属性边框和轮廓设置为0而没有,我试图禁用延迟加载以获得src,但似乎没有任何东西使得小边框消失。

有谁知道怎么摆脱它?

我附上了两个截图,一个带有线条,一个没有它们(点击背景后,它们消失了):

with lines without lines

2 个答案:

答案 0 :(得分:1)

这是活动链接元素的边框。快速&脏解决方案:收听点击事件,然后点击其他内容focus()

答案 1 :(得分:0)

我写这篇文章时得到了灵感,所以我检查了滑块的GitHub页面中的问题,发现了这个:

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

put outline:none;在相应的容器中修复它。

还要感谢Thomas Landauer,我没有检查过GitHub问题,你的答案肯定会让我朝着正确的方向前进。