Wie Entferne ich den Rahmen um ein Bild ohne Quelle?

Ich habe ein Bild, und ich habe nicht definiert die Quelle noch. Es hat eine Grenze :/

zB: <img src="" />

Wenn ich ihm eine Quelle, die Grenze geht Weg (wegen der css: border:none).

Wie Entferne ich den Rahmen um ein Bild, wenn es nicht eine Quelle?

InformationsquelleAutor der Frage Tgwizman | 2012-05-04

  1. 20

    Können Sie nicht, es ist ein Standard, der vom browser, am besten einfach in den src oder nicht, haben das image-tag, oder die Breite/Höhe auf 0, es sei denn, es ist ein src zur Verfügung. Sie können auch ein transparentes Bild als Platzhalter als gut.

    InformationsquelleAutor der Antwort Louis

  2. 28

    Was ich vorschlagen kann, ist in den Fall nicht mit src="" entfernen Sie es, und Sie können 

    img {
    display: none;
}


img[src] {
   display: block;
 }

    oder wenn Sie wissen, wie die url enthält einige spezielle Wort, wie http können Sie tun:

    img[src*="http"] {
    display: block;
}

    InformationsquelleAutor der Antwort Ricardo Rodrigues

  3. 15

    Ein Bild mit einer data: - URL src-Attribut

    <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">

    Je nach browser-Unterstützung erforderlich-man könnte auch:

    img[src=""] {
  content:url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
}

    Finden Sie unter: http://probablyprogramming.com/2009/03/15/the-tiniest-gif-ever

    InformationsquelleAutor der Antwort Neil

  4. 4

    Konnte Sie nur verstecken Sie, bis Sie es ein src.

    img {
 height: 200px;
 width: 200px;
 visibility: hidden;    
}​

    Oder geben Sie 0 Größe

    img {
 height: 0;
 width: 0;  
}​

    InformationsquelleAutor der Antwort Bill

  5. 2

    visibility: hidden; hält den Raum des Bildes leer.
    display: none; ausblenden völlig das Bild und es gibt keine reservierten Platz

    InformationsquelleAutor der Antwort

  6. 0

    Den src von deinem img-tag kann 404 Fehler. In diesem Fall können Sie wie folgt:

    div.menu_avatar {
    width: 50px;
    height: 50px;
    overflow:hidden;
}
div.menu_avatar img{
    width:52px;
    height:52px;
    margin-left: -1px;
    margin-top:-1px;
}

    InformationsquelleAutor der Antwort

  7. -3

    Entfernen Sie einfach src="" 😉 und es wird verschwinden, einfach so.

    InformationsquelleAutor der Antwort J.Cici

Schreibe einen Kommentar