Bootstrap Header

B

bootstrap

Grünschnabel
Hallo zusammen
Ich habe folgendes Problem:
Ich versuche, eine Website mit Bootstrap umzusetzen.
Zu oberst hat es ein Bild als Header,der nach unten transparent wird und fest positioniert ist (auf dem Foto weiss)
Der Inhalt(rot) soll beim runterscrolen davor erscheinen. das tut er aber nicht..
Das einzige was vor dem Bild erscheint ist der Inhalt der cols.
Mit z-index hats auch nicht funktioniert.
Kann mir da jemand helfen?


Problem.JPG
 
HTML: 
<div id="header">
			<img class="visible-lg" src="img/header" alt="Header">
			</div><!--ende header-->
  	
<div class="container">
    <div class="inhalt">
  	<div class="row">
  	<div class="col col-md-12">
  	<h1> Titel</h1>
         <p>Text</p>
        </div>
        </div><!--ende row->
    </div><!--ende inhalt-->
 </div><!--ende container-->
CSS: 
#header {
	position:fixed; 
	background-color:transparent;
	width: 100%;
	height:auto;
        z-index:1;
}
.inhalt{
	background-color:#F00;
	z-index: 2;
}

So, das wäre glaub alles, was ich zu diesen beiden Elementen geschrieben habe.
Die Navigation, sowie den Inhalt des "col-md-12" divs zeigt es allerdings vor dem Header an.
Vielen Dank für deine Antwort.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück