Bootstrap - Backgroundimage

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 :D
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]
 
gib doch dem body-Tag in der Index-PHP eine ID und weise dann ebenjener das BG-Image zu. Funktionierte bei einem lokalen Test einwandfrei.
 
  • Thread Starter Thread Starter
  • #3
Hat geklappt, vielen Dank :-)
 
Zurück
Oben