Danke, ich habe das in der Zwischenzeit etwas anders annähernd nachgebildet.
Mit diesem CSS:
body {
/* mein Hintergrundbild: */
background-image: url(images/missys_water2.gif);
/* background-size: cover; */
background-color: #000000;
/* background-position: center top; */
background-attachment: fixed;
margin: 1px;
height: 100%;
width: 100%;
color: orange;
font-weight: bold;
}
.container-fluid.fixed-top {
background-image:
/* mein Hintergrundbild, um deinen Farbverlauf
im Hintergrund der Nav nachzubilden: */
url(images/orange-gradient-2.png),
/* das selbe Hintergrundbild wie bei body: */
url(images/missys_water2.gif);
background-size:
/* fuer den Farbverlauf: */
100% 100%,
/* fuer meinen Hintergrund */
auto auto;
}
Alles anzeigen
funktioniert es einwandfrei, siehe hier:
html-seminar.de/woltlab/attachment/2715/
Unter dem Header verschwindet die Schrift des Hauptinhaltes und der Hintergrund setzt sich ohne Unterbrechung fort.
Für deinen Fall umgeändert müsste das CSS so aussehen:
/* body unveraendert */
body{
background-image: url(grafik/bg_equipment.jpg);
background-size: cover;
background-color: #000000;
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
margin: 1px;
height: 100%;
width: 100%;
}
.container-fluid.fixed-top {
background-image:
/* dein Hintergrundbild: */
url(grafik/bg_equipment.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: 100% auto;
}
Alles anzeigen
Nachdem ich das so weit geschrieben habe, ist mir eingefallen, dass Du background-size: cover; für body hast. Das könnte das Ganze scheitern lassen. Versuche es erst Mal so. Möglicher Weise müssen wir dann die horizontale Breite auch für body auf 100% setzen und repeat in der Vertikalen zulassen, falls der Hauptinhalt zu hoch wird.
