Unerwünschter Rahmen um Bild in Firefox

Diskutiere Unerwünschter Rahmen um Bild in Firefox im HTML Forum im Bereich Programmierung; Hallo zusammen, kann mir jemand kurz sagen, wie ich den unerwünschten Rahmen um ein Bild in Firefox wegbekomme? <!DOCTYPE html> <html...
K

kallle

New member
Beiträge
2
Punkte Reaktionen
0
Hallo zusammen,

kann mir jemand kurz sagen, wie ich den unerwünschten Rahmen um ein Bild in Firefox wegbekomme?


HTML:
<!DOCTYPE html>
<html lang="de" >
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title></title>
        <style>
        body {
            background-color: #CCFFFF;
            }
        .image {
            width: 150px;
            height: 150px;
            background-image: url("https://via.placeholder.com/150.png/fff");
            border: none;
            }
        </style>
    </head>
    <body>
        <img class="image">
    </body>
</html>

Ergebnis im gezommten Firefox im Anhang.

Ich habe gedacht, den Rahmen mit border: none eliminieren zu können, dies ist aber offensichtlich nicht der Fall...

Über einen Tipp würde ich mich sehr freuen

Vielen Dank und viele Grüße
Kalle
 

Anhänge

  • Unbenannt.PNG
    Unbenannt.PNG
    16,5 KB · Aufrufe: 2
S

Sempervivum

Well-known member
Beiträge
174
Punkte Reaktionen
30
Das wird hier diskutiert:
https://stackoverflow.com/questions/6497992/removing-img-border
It's the default "special" border that appears in some browsers when an img element has no src attribute, or a src attribute pointing to an image that does not exist.
Deine Verwendung eines img-Tags mit einem Hintergrundbild ist recht eigenwillig und ich habe sie so noch nie gesehen. Setze entweder das src-Attribut des Tags auf die URL des Bildes oder verwende ein Containerelement wie div mit einem Hintergrundbild. Dann taucht kein Rahmen auf.
 
Thema:

Unerwünschter Rahmen um Bild in Firefox

Oben Unten