Question

我的图片有边框，不应该在Chrome，Safari，IE和Opera中，但不能在Firefox中使用。我假设它是一个浏览器默认问题，但我正在努力解决它如何删除它因为它是作为AB拆分测试运行而我无法修改基本html / css来运行测试。我需要使用javaScript / jQuery来完成这个。

我需要移除的边框位于“选定”图像周围。

以下是我的尝试：

$('.selectImg').css({
    position:'absolute',
    top:'112px',
    left:'5px',
    height:'26px',
    width:'90px',
    border: 'none',
    borderStyle:'none',
    backgroundImage: "url('http://www.annsbridalbargains.com/assets/ann/images/global/selectedOption.jpg')"
});

这是小提琴： http://jsfiddle.net/2rULC/8/

我需要为IE，Chrome和Safari删除它。如有必要，Opera可能会被忽视。它在Firefox中看起来和功能都是如此。

Answer 1

问题在于您没有图像的src，因此它“已损坏”，没有alt标记，因此浏览器为丢失的图像添加的占位符区域中不会显示任何文本。

解决方案是

使用图片标记src而不是在CSS

中设置

OR

使用span / div而不是img。

Answer 2

我不确定为什么边框出现在Webkit浏览器上，但是当图像没有src属性时，会出现灰色边框。

我已通过设置src属性而非使用background来解决此问题：

$('.selectImg').css({
    position:'absolute',
    top:'112px',
    left:'5px',
    height:'26px',
    width:'90px',
    border: 'none'
}).attr('src', 'http://www.annsbridalbargains.com/assets/ann/images/global/selectedOption.jpg');

<强> WORKING DEMO

使用javascript删除图像边框

2 个答案: