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
    1. body {
    2. background-image: url(images/dia0.jpg);
    3. background-repeat: no-repeat;
    4. background-position: center;
    5. background-attachment: fixed;
    6. background-size: cover;
    7. }
  • 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
    1. body {
    2. background-image: url(images/dia0.jpg);
    3. background-repeat: no-repeat;
    4. background-position: center;
    5. background-attachment: fixed;
    6. background-size: cover;
    7. }

    Dankeschön