Вопрос по background-image, html, php, css – background-image в теге <div> не отображается

0

я поставил под сомнение Я просто хотел разработать свою собственную галерею, но тогда я уже потерпел неудачу в самом начале: отображение изображения в качестве фона в<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 ;) Веселый, не правда ли?

У вас есть идеи, что случилось с моим кодом? Спасибо!

они, как я сказал, я использую те же пути, что и выше, в другом файле, где все работает отлично! JustBasti
Ваш путь содержит пробелы (20130825155015-tb-От Пета до Дарвина / большого пальца /)? попробуйте заменить их подчеркиванием Charaf JRA
Вы используете относительный путь, убедитесь, что вы выводите HTML (файл) иusers/ папки находятся на одном уровне. Hashem Qolami
веб-консоль ff сказала мне, что css игнорирует param background-image, потому что это неверно. : / JustBasti
URL не указывает на вашу фотографию. Если я использую заполнитель, напримерplacekitten.com/150/150 все работает как положено. Вы можете проверить в консоли разработчика, какой URL он пытается загрузить. Sumurai8

Ваш Ответ

2   ответа
1

в пути к изображению есть пробелы, попробуйте указать путь в кавычках:

url('./users/basti/img/20130825155015-tb-From Peth to Darwin/thumb/20130825155015-tb-DSC_0316_REZ.jpg');

В качестве альтернативы вы можете преобразовать пробелы в%20простоstr_replace():

background-image:url(<?php echo str_replace(' ', '%20', $picture->thumbPath) ?>);

(rawurlencode() способ кодирования URL, но в этом случае всекосая черта будет преобразован.)

ну, это даже проще :) лучше, чем редактирование другого конца моего исходного кода. РЕДАКТИРОВАТЬ: о вашем редактировании: путь в моей файловой системе уже ~ пространственный ~, поэтому я бы предпочел использовать кавычки JustBasti
0
style=" background-image:url(<?php echo get_template_directory_uri(); ?>/image/project1.png);

<?php echo get_template_directory_uri(); ?>/

style = "background-image: url (<? php echo get_template_directory_uri ();?> dola ezz

Похожие вопросы