фоновое изображение не работает (преобразование не локального в локальное)

avatar
Caucasian Malaysian
8 апреля 2018 в 05:18
46
2
0

Код:

style="background-image: url(wp-content/uploads/2018/03/example.jpg);"

При этом изображение видно, но именно поэтому я задаю этот вопрос.

style="background-image: url(http://foo.com/wp-content/uploads/2018/03/example.jpg);"

wp-content ЯВЛЯЕТСЯ первой папкой в ​​пути.

Я пробовал:

style="background-image: url('wp-content/uploads/2018/03/example.jpg');"

style="background-image: url(/wp-content/uploads/2018/03/example.jpg);"

style="background-image: url('../wp-content/uploads/2018/03/example.jpg');"

Итак, вопрос в том, почему изображение не отображается при правильном пути?

Реализация решения:

style="background-image: url(insert_your_localhost/wp-content/uploads/2018/03/example.jpg);"
Источник

Ответы (2)

avatar
jamsheer K
8 апреля 2018 в 08:09
0

Решение состоит в вызове URL-адреса изображения с функциями URL-адреса сайта, такими как wp_upload_dir, site_url, content_url<8406775> Вейсель Ханкисиев уже отправил решение.

Основываясь на ваших примерах, я пытаюсь объяснить, что не так с каждым опробованным вами методом.

url('wp-content/uploads/2018/03/example.jpg')

В этом случае браузер будет рассматривать этот URL-адрес изображения относительно вашего текущего URL-адреса. Если вы находитесь на домашней странице, обратите внимание на example.com, результирующий URL-адрес изображения будет example.com/wp-content/uploads/2018/03/example.jpg. Это будет работать до тех пор, пока вы находитесь на одной домашней странице. Учтите, что если вы находитесь на других страницах, например, example.com/about/, результирующий URL-адрес изображения будет example.com/about/wp-content/uploads/2018/03/example.jpg. это неправильно.

background-image: url(/wp-content/uploads/2018/03/example.jpg);

В этом случае URL всегда будет относиться к домену/узлу. Даже если вы находитесь на одной домашней странице или на других страницах, результирующий URL-адрес изображения будет example.com/wp-content/uploads/2018/03/example.jpg. Но, как вы сказали, это не сработало в вашем случае, значит, ваш URL-адрес WordPress будет примерно таким: localhost/wordpress/ или example.com/wordpress или около того. В таком случае результирующий URL-адрес изображения будет localhost/wp-content/uploads/2018/03/example.jpg , что неверно.

Caucasian Malaysian
8 апреля 2018 в 19:37
0

Veysels Answer не сработал, но это ответило на некоторые вопросы, которые меня смутили.

avatar
pyrogrammer
8 апреля 2018 в 05:30
0

Неверный путь.

Попробуйте это:

style="background-image: url('../wp-content/uploads/2018/03/example.jpg');"
Caucasian Malaysian
8 апреля 2018 в 05:35
0

Я забыл добавить, я тоже пробовал, за 5 секунд до того, как вы добавили этот вопрос, мой плохой.