CSS設置圖像背景顏色，不顯示圖像

-2

<img src=""></img> ...

現在，當我打開我的網頁，我看到加載圖片。所以，我怎麼能例如灰色的背景設定在該圖像上，然後：

$(window).on("load", function() { 
    // remove css which overwrited image with grey color. 
});

像

img { 
    background-color: grey !important; 
}

不工作。提前致謝。

來源

2017-10-21 DisplayName

的CSS屬性。用於類型爲「.img」的元素。試試'img {...}'。 – mikedidthis

'img'標籤是自我關閉的無效標籤，它們可以不包含嵌套元素/子節點（一個空標籤），因此不允許使用關閉/結束標籤 - 只需要擡頭** - HTML | MDN：** https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img – UncaughtTypeError

從'.img'更改爲'img'。無論如何 – DisplayName

你可以創建一個只包含你的形象一個div併爲它分配一個灰色的背景

#container{ 
    background-color:grey; 
    border: 1px solid black; 
    }

然後使用jQuery，你可以追加到html文檔圖像：

$(document).ready(function(){ 
    $('#container').append(
    '<img id=img_id src=" ">' 
    ); 
});

來源

2017-10-21 10:16:07 HJuls2

-1

<img id="image" src=""> 

$('#image').css("background-color","grey"); 
$('#image').on("load", function() { 
    $('#image').css("background-color","transparent"); 
});

基本上你設置了背景顏色並在你的圖片加載時將其刪除。

來源

2017-10-21 09:56:34 Goran

CSS設置圖像背景顏色，不顯示圖像

回答

相關問題