background-image в теге <div> не отображается
я поставил под сомнение Я просто хотел разработать свою собственную галерею, но тогда я уже потерпел неудачу в самом начале: отображение изображения в качестве фона в<div>
, Я перевернул свой код с ног на голову, искал в Интернете, искал stackoverflow, хотя я не смог решить проблему.
Вот мой код:
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;
}
Я перебираю массив$picture-objects
, Каждый объект имеетthumbPath
для его изображения большого пальца. пути верны. проверил их несколько раз.
Вот вывод 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>
Я уже думал о пути, имеющем неправильный формат, хотя я использую те же пути к файлам в другом проекте, где все работает. даже отображая ту же картинку, что иbackground-image
изdiv-tag
;) Веселый, не правда ли?
У вас есть идеи, что случилось с моим кодом? Спасибо!