Hintergrundbilder in mobilen Versionen fixieren

  • Hallo Leute,


    Habe eine Website erstellt wo ich ein Hintergrundbild in einen Div Container gestellt habe.
    Das ding funktioniert. alles ok . auch im Responsivdesign.


    Meine Frage ist nun:


    Warum wird das Bild welches definitiv als Hintergrund existiert auf einem Smartphone nicht als



    */ background-attachment:fixed/*
    angezeigt sondern scrollt mit ?


    Habe auf meinem iPhone mit Chrome und Safari getestet und es funktioniert bei beiden nicht.


    In den Desktopversionen funkt es ohne Probleme.


    Hat hier jemand einen Lösungsansatz ?
    Kann mir ein jQuery code weiterhelfen ?
    Ist es Lösbar mit -webkit?


    Vielen Dank für eure Hilfe


    Mit freundlichen Grüßen
    ?( 8|

  • habe es nun so gelöst


    <div id="bg_wrap"></div>


    und die dazugehörige CSS dabei



    #bg_wrap {
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: 100%;
    background-image: url(../hg_img.jpg);
    background-repeat: no-repeat;



    und siehe da es klappt nun auch in den Mobilen Browsern.

Jetzt mitmachen!

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