jquery - 花式框和透明背景图像

Question

我正在使用 fancybox 来显示 png 图像......它是透明背景，但是当我运行代码时会出现边框

如何删除或隐藏我的 png 图像周围的边框（看截图）？

我的 CSS

.fancybox-content {
       background: transparent;
        
    }

我的代码

$(document).ready(function() {
        $.fancybox.open('<div class="message"><a href="http://google.com"><img src="fotoTiendas/Captura.jpg" id="imgx"></a></div>');
        
    });

多谢

标签： jquerycssimagepngfancybox

Answer 1

a {
  outline: none;
}

a:focus {
  outline: outline of your choice
}

来自 MDN 网络文档：

可访问性问题 为大纲分配值 0 或无将删除浏览器的默认焦点样式。如果一个元素可以与之交互，它必须有一个可见的焦点指示器。如果删除了默认焦点样式，请提供明显的焦点样式。