2011-01-06 3 views
0

Тема объясняет все это. У меня это установлено как ...background image not render on wordpress theme

body{ 
     background-image:url('images/bg.gif'); 
     background-repeat:repeat-x repeat-y; 
     } 

Не может показаться, чтобы понять, почему это не рендеринг в фоновом режиме. Я новичок в тематике Wordpress в целом. Может ли кто-нибудь помочь мне? Я разместил ссылку на контент в полном объеме ниже.

http://www.aidanchurch.com/blog/

+0

Несвязанный: теперь, когда у вас работает фоновое изображение, я немного осветил его. У меня головокружение;) –

ответ

4

В таблице стилей, я вижу некоторые символы мусора прямо перед

body{ background-image:url('images/bg.gif');

строки в файле CSS. Это может сделать рендеринг пропустить правило. Я бы отступил и убрал это.

+0

Пробовал, не работал :( – Aidanc

+0

Да, эти персонажи не хороши. Отсутствует открывающая фигурная скобка. Http://www.aidanchurch.com/blog/wp-content/themes/bloo_06/style.css –

+1

Я посмотрел на него, и он говорит «ï» ¿bo y', который определенно не является тегом body и, вероятно, почему правило не применяется. –

1

Похоже, что вы фоновое изображение находится здесь:

http://www.aidanchurch.com/blog/wp-content/themes/bloo_06/images/bg.gif

Итак, прежде всего попытаться абсолютный адрес, как так:

background-image: url('/blog/wp-content/themes/bloo_06/images/bg.gif'); 

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

+0

Не исправляет. Я пробовал это раньше, а также проверял с помощью firebug, а URL images/bg.gif делает рендеринг. Я также сделал статическую страницу содержания без Wordpress, и она также создает фоновое изображение. – Aidanc

+0

Ну, я не вижу ** каких-либо ** правил CSS, применяемых к вам тегом body. –

+0

Firebug только, кажется, показывает мой CSS, когда вы идете на другую страницу, нажмите на обратную стрелку обратно в блог. – Aidanc