Unerwünschter Rahmen um Bild in Firefox

kallle · 14.01.2022

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

Sempervivum · 15.01.2022

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.

Unerwünschter Rahmen um Bild in Firefox

kallle

New member

Anhänge

Sempervivum

Well-known member

Unerwünschter Rahmen um Bild in Firefox