zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS: fester Header mit transparentem BG; Content macht Probleme

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 27.02.2013, 01:42
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.02.2013
Beiträge: 1
denno befindet sich auf einem aufstrebenden Ast
Standard 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;
}
Gruß
Denno
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 27.02.2013, 12:54
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

bitten einen Link zum Problem (kein Bild!), wir können deine Grafiken leider nicht sehen.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:10 Uhr.