imagen de fondo en <div> -tag no se muestra
estoy fuera de juego Solo quería desarrollar mi propia galería, pero al principio ya había fallado: mostrar una imagen como fondo en un<div>
. He invertido mi código, he buscado en la web, he buscado stackoverflow, aunque no puedo resolver el problema.
Aquí está mi código:
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;
}
Estoy iteración a través de una serie de$picture-objects
. Cada objeto tiene unathumbPath
por su imagen en el pulgar. los caminos son correctos Los revisé varias veces.
Aquí está la salida de 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>
Ya pensé que la ruta tenía el formato incorrecto, aunque estoy usando las mismas rutas de archivo en otro proyecto donde todo funciona. incluso mostrando la misma imagen que unabackground-image
de undiv-tag
;) Hilarante, ¿no?
¿Tienes idea de lo que está mal con mi código? ¡Gracias!