CSS set bild hintergrundfarbe, nicht anzeigen bild

-2

Ich möchte einfach Skelett des Bildes machen.CSS set bild hintergrundfarbe, nicht anzeigen bild

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

Jetzt, wenn ich meine Seite öffne, sehe ich Bilder laden. Also, wie kann ich zum Beispiel grauen Hintergrund auf diesem Bild, und dann:

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

so etwas wie

img { 
    background-color: grey !important; 
}

nicht funktioniert. Danke im Voraus.

Quelle

2017-10-21 DisplayName

Die CSS-Eigenschaften sind für ein Element mit der Klasse '.img'. Probieren Sie stattdessen 'img {...}' aus. – mikedidthis

'img' -Tags sind selbstschließende Void-Tags, sie können keine verschachtelten Elemente/Kind-Knoten enthalten (ein leeres Tag), so dass das Closing/End-Tag' 'nicht erlaubt ist - nur ein Hinweis ** - HTML | MDN: ** https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img – UncaughtTypeError

Geändert von '.img' zu' img'. Anyway selbe – DisplayName

Sie könnten ein div erstellen, die nur Ihr Bild enthält, und weisen Sie einen grauen Hintergrund

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

Dann jQuery verwenden Sie das HTML-Dokument Ihr Bild anhängen könnte:

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

Quelle

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"); 
});

Grundsätzlich setzen Sie Hintergrundfarbe und entfernen Sie es, wenn Ihr Bild geladen wird.

Quelle

2017-10-21 09:56:34 Goran

CSS set bild hintergrundfarbe, nicht anzeigen bild

Antwort

Verwandte Themen