使用javascript刪除圖像邊框

我有一個圖像，有一個邊框，不應該在Chrome，Safari，IE和Opera，但不是在Firefox。我假設它是一個瀏覽器默認的問題，但我正在努力如何刪除它，因爲它是作爲AB分割測試運行的，我無法修改基本html/css來運行測試。我需要使用javaScript/jQuery來做到這一點。使用javascript刪除圖像邊框

我需要刪除的邊框位於「選定」圖像的周圍。

這裏是我的嘗試：

$('.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。如有必要，歌劇可能會被忽視。它的外觀和功能應該和Firefox一樣。

來源

2014-02-18 Tgrosk

奇怪的小邊框：/ –

我同意。真奇怪。我最初認爲它是圖像本身的一部分，但是當它在一個瀏覽器上完美呈現時，會被排除。 – Tgrosk

請參閱http://stackoverflow.com/questions/4743127/chrome-safari-display-border-around-image。這裏是一個小提琴顯示填充黑客工作http://jsfiddle.net/j08691/2rULC/15/。奇怪的。 – j08691

我不確定爲什麼邊框出現在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。

來源

2014-02-18 17:22:30

問題是，您沒有圖像的src文件，因此它被「破壞」，沒有alt標籤，因此瀏覽器爲丟失圖像添加的佔位符區域中沒有文字。

的解決方案是

使用圖像標籤SRC而不是在CSS

使用跨度/每格，而不是IMG設定的。

來源

2014-02-18 17:21:11 epascarello

使用javascript刪除圖像邊框

回答

相關問題