Daniela Möllmann: background-attachment:fixed - FF zeigt Bild nicht mehr an

Hallo zusammen,

ich habe ein Problem mit einem Hintergrundbild im FF. Damit im scrollbaren DIV Container das Hintergrundbild stehen bleibt, habe ich attachment:fixed eingebaut. (ohne diese Anweisung macht der Firefox das richtig, der IE aber nicht).

Das CSS für den Container sieht jetzt so aus:

#content {
 width:379px;
 height:305px;
 padding-left:5px;
 padding-right:5px;
 margin-left:16px;
 padding-top:10px;
 overflow: auto;
 background-attachment: fixed;
 background-image: url(../img/hg_content.gif) !important;
 background-repeat:no-repeat;
}

Jetzt macht der IE alles richtig, aber der Firefox zeigt das Bild überhaupt nicht mehr an. Kann mir jemand sagen, was ich falsch gemacht habe?

vielen Dank!

Daniela

  1. Hi,

    Jetzt macht der IE alles richtig, aber der Firefox zeigt das Bild überhaupt nicht mehr an. Kann mir jemand sagen, was ich falsch gemacht habe?

    Der Firefox hält sich im Gegensatz zum IE an die Spezifikation. Lies unter http://www.w3.org/TR/CSS21/colors.html#background-properties: "If a background image is specified, this property specifies whether it is fixed with regard to the viewport ('fixed') [...] Note that there is only one viewport per view. If an element has a scrolling mechanism (see 'overflow'), a 'fixed' background doesn't move with the element [...] Even if the image is fixed, it is still only visible when it is in the content, padding or border area of the element."
    Letzteres wird bei Dir wohl nicht der Fall sein.

    freundliche Grüße
    Ingo