gelöst Line mit 'border-image'

Thema wurde von Anonymous, 7. Februar 2018 erstellt.

  1. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    25. Oktober 2017
    Beiträge:
    406
    Danke erhalten:
    137
    Danke vergeben:
    81
    #1 Anonymous, 7. Februar 2018
    Zuletzt bearbeitet: 7. Februar 2018
    Habe eine Klasse für <hr /> in EigenesCSS für Bildlinen definiert. Geht wunderbar – leider nur in Safari.

    In Chrome funktionierts auch wenn ich hr {border: 0} im Browser deaktiviere. Nur wie bekomme ich das mit EigenesCSS unschädlich gemacht?

    Bildschirmfoto 132.jpg

    Eine der Linien in Safari:

    Bildschirmfoto 134.jpg
     
  2. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    18. Januar 2015
    Beiträge:
    867
    Danke erhalten:
    96
    Danke vergeben:
    129
    Dein border-width könnte die Ursache sein. Normal reicht dieser code aus:

    hr{
    background-image: url(<Dein Bildpfad>);
    border: 0;
    width: 80%; /* wird immer zentriert */
    height: 30px;
    }

    oder hab ich was falsch verstanden?

    Lg: Tammy
     
  3. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    25. Oktober 2017
    Beiträge:
    406
    Danke erhalten:
    137
    Danke vergeben:
    81
    #3 Anonymous, 7. Februar 2018
    Zuletzt bearbeitet: 7. Februar 2018
    @Tammy Danke für deine Mühe!

    Gelöst: nur richtig hinsehen und immer, nochmals und mehrmals den Cache löschen :)- Mit dem Argument 'transparent' hatte Chrome Probleme.