Ich bin überfragt. Ich wollte nur meine eigene Galerie entwickeln, bin dann aber gleich am Anfang gescheitert: Ein Bild als Hintergrund in einer<div>. Ich habe meinen Code auf den Kopf gestellt, das Web durchsucht und den Stackoverflow durchsucht, obwohl ich das Problem nicht lösen kann.

Hier ist mein Code:

HTML / PHP

<div class="imageholder" style="background-image:url(<?php echo $picture->thumbPath; ?>);"></div>

CSS

.imageholder {
        width: 150px;
        height: 150px;
        float: left;
        background-size: fill;
        background-position: 50% 50%;
        background-repeat:no-repeat;
}

Ich bin Iteration durch eine Reihe von$picture-objects. Jedes Objekt hat einethumbPath für sein 'Daumenbild. Die Pfade sind korrekt. überprüfte sie mehrfach.

Hier ist die Ausgabe von Firebug:

<div class="imageholder" style="background-image:url(./users/basti/img/20130825155015-tb-From Peth to Darwin/thumb/20130825155015-tb-DSC_0316_REZ.jpg);"></div>

Ich dachte bereits, dass der Pfad das falsche Format hat, obwohl ich in einem anderen Projekt, in dem alles funktioniert, dieselben Dateipfade verwende. sogar das gleiche Bild wie einbackground-image von adiv-tag ;) Komisch, oder?

Haben Sie eine Idee, was mit meinem Code nicht stimmt? Vielen Dank!