2 hintergrundbilder


    guten tag,
    ich möchte für die webseite ein hintergrundbild mit css einbinden, und für das mobile workaround ein anderes.

    html,
    body {background: url(bilder/seilwand2.jpg) no-repeat center center fixed;


    @media only screen and (min-width :320px) and (max-width : 767px) {

    body {background: url(bilder/seilwand2h.jpg) no-repeat center center fixed;

    leider wird immer nur das original bild gezeigt.

    Grüsse

    Rolli

    H

    Einmal editiert, zuletzt von Arne Drews (10. Juli 2017 um 08:00) aus folgendem Grund: MOD: Leserichtung korrigiert

    Versuche es mal so...

    HTML
    body {
background: url(bilder/seilwand1h.jpg) no-repeat center center fixed;}


@media only screen and (min-width :320px) and (max-width : 767px) {
   body {background: url(bilder/seilwand2h.jpg) no-repeat center center fixed;}
}

    if(!sleep)

    {$sheep++;}

    Zitat von Sailor

    Versuche es mal so...

    HTML
    body {
background: url(bilder/seilwand1h.jpg) no-repeat center center fixed;}


@media only screen and (min-width :320px) and (max-width : 767px) {
   body {background: url(bilder/seilwand2h.jpg) no-repeat center center fixed;}
}

    merci, aber das hab ich genau so gemacht, leider beim kopieren untergegangen. Funktioniert aber nicht.

    rolli

    Dann poste doch mal den Link zu deiner Seite, denn wenn du es genau so gemacht hast - und vor allem das 'html' aus Zuweisung 'html, body' gelöscht hast - dann sollte es funktionieren.
    Ohne Link ist allerdings eine weitere Fehleranalyse nicht möglich.

    if(!sleep)

    {$sheep++;}