Es wurde ein div Hintergrund mit überlappenden Browser Bildlaufleisten behoben

9

Sehr seltsames Verhalten, das ich vorher nicht gesehen habe.

Ich habe eine feste Position div, die ein transparentes png Hintergrundbild hat. Der Z-Index wird auf -1 gesetzt, sodass Inhalt mit den Bildlaufleisten über das fixierte Bild rollen kann.

Ich habe es mit der Unterseite und rechts bei 0px positioniert, aber das Bild überlappt die Bildlaufleisten (auf FF und Safari sowieso.)

Hier ist der Link:

Ссылка

CSS:

%Vor%

Ein Hack, den ich benutzt habe, war zu benutzen     rechts: 16px;

Was gut funktioniert, da es immer (wahrscheinlich) eine rechte Bildlaufleiste gibt. Aber die untere Schriftrolle ist nur manchmal da. Ist das ein einfaches CSS-Problem?

    
Adam Casey 27.01.2011, 04:28
quelle

1 Antwort

5

Das war ein seltsames Problem. Aber ich fand heraus, dass die Bildlaufleiste nicht vom Browser stammte, sondern vom übergeordneten div, der overflow: auto hatte.

So habe ich das behoben. Ändern Sie den Stil für div id="rightpanel" , um overflow: auto; zu entfernen.

Aktualisieren Sie dann die Styles #rightcontent wie folgt:

%Vor%

Hoffentlich sollte das Problem für alle Browser behoben werden. Abgesehen davon fand ich auch die Browser, die sich darüber beschweren, dass sie Cufon.js nicht gefunden haben. Vielleicht möchten Sie sich das auch ansehen.

    
sarcastyx 27.01.2011, 04:59
quelle

Tags und Links