section transparent

  • Hallo erst mal,

    ich habe zwei Container (section). Die erste section ist ein Vollbildhintergrund fixiert. Die zweite section soll sich nun weiß transparent darüber scrollen. Ich habe hier dafür background-color: rgba (250,250, 250, 0.3); verwendet. Leider wird das ganze nicht transparent vom Browser angezeigt sondern weiß. Ich möchte aber, das dass Hintergrundbild hindurch scheint. Was mache ich falsch? :|

  • Ja, das ist auf jeden Fall sehr hilfreich. Dein Container section#two liegt nicht überlappend über dem Container section#one sondern dahinter, so dass der Hintergrund von #one dort nicht wirksam ist.

    Einfachste Lösung: Den Hintergrund dem body zuordnen.

    Code
        body {
            background-image: url(images/dia0.jpg);
            background-repeat: no-repeat;
            background-position: center;
            background-attachment: fixed;
            background-size: cover;
        }
  • Ja, das ist auf jeden Fall sehr hilfreich. Dein Container section#two liegt nicht überlappend über dem Container section#one sondern dahinter, so dass der Hintergrund von #one dort nicht wirksam ist.

    Einfachste Lösung: Den Hintergrund dem body zuordnen.

    Code
        body {
            background-image: url(images/dia0.jpg);
            background-repeat: no-repeat;
            background-position: center;
            background-attachment: fixed;
            background-size: cover;
        }

    Dankeschön

Jetzt mitmachen!

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