RedlightX
Aktiver NGBler
- Registriert
- 18 Juli 2013
- Beiträge
- 1.094
Hallo,
ich ärgere mich gerade mit einem kleinen Problem herum.
Folgendes liegt vor:
Bootstrap 3 + style.css
Ich möchte:
Auf der index.php ein Backgroundimage haben
CSS:
[src=css].introimg{background: url('/themes/intro.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
[/src]
HTML:
[src=html5]<div class="introimg"> </div>[/src]
Was passiert? Nichts
Pfad ist richtig, Firebug hat nichts zu meckern.
Es funktioniert jedoch, dass ich im body ein backgroundimage festlege - möchte ich jedoch nicht, da es sich dann auch auf nachfolgende Seiten bezieht und nicht ausschließlich auf die index.
Kennt jemand meinen Fehler? Ich hab etliche Male Google bemüht, aber es will nicht funktionieren.
Ich würde nur ungern den kompletten Inhalt meiner Index hier posten, aber folgendes ist noch beinhaltet:
[src=html5]
<div class="introimg">
<section>
<div class="container">
<div class="centered form">
</div>
</section>
</div>
</div>
[/src]
Danke für jede Hilfe!
--- [2015-02-06 14:30 CET] Automatisch zusammengeführter Beitrag ---
Es hat sich erledigt. Manchmal helfen zwei Tassen Kaffee und eine Zigarette wirklich weiter...
Für die Nachwelt:
[src=css]section {
display: block;
background: url("../../themes/intro.jpg")no-repeat center center fixed;
background-attachment: fixed;
min-height: 500px;
}[/src]
ich ärgere mich gerade mit einem kleinen Problem herum.
Folgendes liegt vor:
Bootstrap 3 + style.css
Ich möchte:
Auf der index.php ein Backgroundimage haben
CSS:
[src=css].introimg{background: url('/themes/intro.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
[/src]
HTML:
[src=html5]<div class="introimg"> </div>[/src]
Was passiert? Nichts

Pfad ist richtig, Firebug hat nichts zu meckern.
Es funktioniert jedoch, dass ich im body ein backgroundimage festlege - möchte ich jedoch nicht, da es sich dann auch auf nachfolgende Seiten bezieht und nicht ausschließlich auf die index.
Kennt jemand meinen Fehler? Ich hab etliche Male Google bemüht, aber es will nicht funktionieren.
Ich würde nur ungern den kompletten Inhalt meiner Index hier posten, aber folgendes ist noch beinhaltet:
[src=html5]
<div class="introimg">
<section>
<div class="container">
<div class="centered form">
</div>
</section>
</div>
</div>
[/src]
Danke für jede Hilfe!
--- [2015-02-06 14:30 CET] Automatisch zusammengeführter Beitrag ---
Es hat sich erledigt. Manchmal helfen zwei Tassen Kaffee und eine Zigarette wirklich weiter...
Für die Nachwelt:
[src=css]section {
display: block;
background: url("../../themes/intro.jpg")no-repeat center center fixed;
background-attachment: fixed;
min-height: 500px;
}[/src]