2014-01-17 4 views
0

На боковой панели я попытался добавить фоновое изображение, но оно не отображается для названия. Интересно, что это вызывает. Следующие не будут работать. Однако использование фонового цвета также работает. Я пробовал свойство background-image, не работает.Фоновая картинка не отображается на боковой панели

.title-widget { 
    background: #fff url('http://www.hawthornfc.com.au/static-resources/themes/hawthorn/images/bg-section-header.gif); 
} 

Перейдите на мой веб-сайт ниже для просмотра в режиме реального времени. Кроме того, для текста выделения, при прокрутке вниз он перекрывает фиксированный заголовок. Я применил z-index, но он по-прежнему не стоит за заголовком.

Сайт: http://www.nbtfootball.com.sg/wwfc/

+4

Отсутствующие закрывающую кавычку в URL()? –

+0

Также попробуйте разделить правило 'background' на' background-color' и 'background-image', а затем используйте инспектор вашего браузера, чтобы изменить их и посмотреть, есть ли у него какие-либо эффекты. –

ответ

2

У вас не хватает закрывающей кавычки в URL();

попробовать:

.title-widget { 
    background: #fff url('http://www.hawthornfc.com.au/static-resources/themes/hawthorn/images/bg-section-header.gif'); 
} 
+0

+1: Я собирался прокомментировать, что его упоминалось в комментариях уже ... * до того, как я совпадал с именем * !! :) – NoobEditor

+0

Я пошел и проверил с помощью инспектора элементов, что это было окончательно, и только отправил ответ, как только я подтвердил, что это была точная проблема, а изображение не было 404 или что-то еще. :) –

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