Background Image URL

  • Hallo Zusammen,


    ich möchte per CSS ein background image einfügen um einen parallax Effekt zu erzeugen.

    Wenn ich das wie folgt mache, gelingt es auch ohne Probleme:



    #teaser{
        
    background-image: url("file:///D:/Dokumente/WebseiteXYZ/images/haupt-teaser.jpg");
          
    height: 75%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
          
        
    }


    Nun ändere ich aber hin und wieder den Projektordner und möchte nicht alle Angaben immer wieder umschreiben müssen sondern die URL folgender Maßen angeben:


    #teaser{
        
    background-image: url(".../images/haupt-teaser.jpg");
          
    height: 75%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
          
        
    }


    ...also lediglich den übergeordneten Ordner angeben. Leider funktioniert das nicht, wenn gleich ich es in Tutorials so gesehen habe.

    Gibt es da etwas zu beachten oder was mache ich falsch? Selbst wenn das Bild im gleichen Ordner liegt, müsste ich den langen Pfad angeben.


    Vielen lieben Dank für eure Hilfe!


    Axel

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!