|
|||
CSS: fester Header mit transparentem BG; Content macht Probleme
Hallo Leute,
ich bin gerade dabei ein wenig CSS zu lernen. Jetzt habe ich das folgende Problem. Ich habe einen feststehenden Header, der Header hat ein teilweise transparentes Hintergrundbild, damit das Hintergrundbild der gesamten Seite zu sehen ist. Das klappt alles soweit. Das Problem ist jetzt, dass der Content beim Scrollen in den transparenten Bereich des Header fährt und dort dann auch sichtbar ist. Lässt sich das irgendwie verhindern, ohne auf die Transparenz zu verzichten? Code:
body { background-image: url('img/bg.jpg'); background-repeat: no-repeat; background-position: top center; background-attachment: fixed; position:absolute; } html, body { top:0; left:0; right:0; min-height:100%; margin:0; padding:0; width:100%; } /* definiert den header, falls existent, und fixiert ihn oben */ #header_container { position:fixed; /*display:block*/ top:0; left:0; right:0; text-align:center; margin:0; height:200px; z-index:3; background-image: url('img/head_frame.png'); background-repeat: no-repeat; background-position: top center; background-attachment: fixed; } #header { position:absolute; top:0; left:0; right:0; bottom:0; height:100%; z-index:3; margin:0; padding:0.2em; display:block; } #content { position: relative; margin:0; padding-top:200px; padding-bottom:3em; z-index:2; display:block; } Denno |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Redesign für Steiner Cycling Team | pkipper | Site- und Layoutcheck | 11 | 09.02.2011 13:25 |
Seite links ausrichten | like.no.other | CSS | 10 | 26.01.2011 02:10 |
Probleme mit CSS | heiska | CSS | 1 | 13.03.2008 13:49 |
CSS Tips & Tricks | Webnauts | Ressourcen | 0 | 26.08.2006 00:04 |
CSS Design Probleme | Hawklan | CSS | 5 | 12.08.2004 12:45 |