Исходное изображение CSS не отображается правильно

-4

Я пытаюсь поставить разделитель сообщений в свою тему. Я использую изображение как разделитель. Но изображение не появляется. Вот код:Исходное изображение CSS не отображается правильно

В index.php я включил (незадолго до окончания цикла):

<?php 
    if (($wp_query->current_post + 1) < ($wp_query->post_count)) { 
     echo '<div class="post-item-divider">&nbsp Post Divider</div>'; 
    } 
?>

CSS-:

.post-item-divider { 
    background-image: url("/images/capture.png"); 
    height: 50px; 
    line-height:1px; 
    width:100%; 
    margin-bottom:20px; 
}

Но изображение не показывается. Однако появляется текст: «Разделитель сообщений» внутри div. Я попытался заменить URL-адрес изображения URL-адресом, и он работает нормально.

источник

2014-09-01 Raghavendra N

Как организованы ваши папки? –

Если вы можете изменить URL-адрес на что-то другое, то ваш код будет в порядке. Вероятно, проблема в том, что путь к файлу неверен. Неправильно, или что-то. – durbnpoisn

убедитесь, что URL правильный ... –

-1

Это означает, что ваше свойство css: background-image: url ("/ images/capture.png"); путь неправильный, замените его background-image: url ("../ images/capture.png"); попробуйте это с помощью firebug или осмотрите его.

источник

2014-09-01 17:02:49

Хотя я согласен с тем, что URL-адрес относительно источника таблицы стилей, тестирование его в вашем браузере не поможет вам. Установка относительного URL-адреса в firebug/codeinspector работает только в том случае, если ресурс уже загружен (по крайней мере, в моем опыте). – itd

Увидев ваш код, я думаю, вы используете wordpress. Во всяком случае, убедитесь, что вам предоставлен правильный путь для изображения.

Если удаленный URL-адрес работает с этим кодом, я уверен, что URL-адрес неверен. Убедитесь, что изображение доступно по указанному пути.

источник

2014-09-01 17:02:52 teshvenk

Проблема была связана с относительным путем URL. Это должно быть: images/capture.png.

Я не мог удалить вопрос, поскольку он уже был дан другим.

источник

2014-09-01 17:08:46

Исходное изображение CSS не отображается правильно

ответ

Смежные вопросы