如何從圖像中刪除默認的邊框/輪廓

嘿傢伙，我想知道，如何從圖像標記刪除邊框/輪廓，包括我沒有使用它的圖像，例如test code fiddle 如何從圖像中刪除默認的邊框/輪廓

HTML

<img src="" class="testClass">

CSS

.testClass{ 
    width: 100%; 
    margin-left: 0%; 
    height: 150px; 
    border: 0px; 
    outline : none; 
}

2014-10-28 vishal

多數民衆贊成在你做什麼，我不明白你。 – vaso123 2014-10-28 16:15:50

如果您不使用圖片，請勿使用img標籤。顯示丟失的圖像是非常依賴瀏覽器的，你不應該計劃控制它。 – 2014-10-28 16:16:26

哦，我沒有意識到，他不使用圖像。抱歉。 – vaso123 2014-10-28 16:17:18

你看到的有瀏覽器的「破碎的形象URL」的形象。這是您在瀏覽器無法加載圖像時得到的結果。它沒有邊界;瀏覽器只是呈現一些東西，所以你可以看到丟失的圖像有多大。因此，你不能用CSS來影響結果。

你可以做的是設置display: none完全隱藏圖像。如果您希望空間爲空，請將其包裝在尺寸相同的div中。

2014-10-28 16:21:06

我必須動態添加圖像源，所以我必須強制把img標籤放在那裏 – vishal 2014-10-29 04:26:41

@vishal - 如果img沒有圖像路徑，你可以用'img [src =「」] {display：none}完全刪除圖像'（IE 8 +）[例子] （http://jsfiddle.net/tbjjzjj8/） – misterManSam 2014-10-29 05:20:33

@vishal：試試這個：把一個空的DIV放在那裏，動態地創建整個'img'元素。 – 2014-10-29 08:25:33

回答