Почему мое фоновое изображение не появляется?

Я пытаюсь поместить повторяющийся градиент .png в качестве фонового изображения для div.Почему мое фоновое изображение не появляется?

CSS:

background-image: url(./images/backbar.png) repeat-x;

Я также пробовал с цитатами, и не было никаких изменений. Это то, что интерфейс стрекоза в Opera говорит:

#final_bar { 
    color: rgb(0, 0, 0); 
    display: block; 
} 
nepan.css:43 
.bar { 
    clear: both; 
    margin-left: auto; 
    margin-right: auto; 
    width: 771px; 
} 
default values 
div { 
    <strike>display: block;</strike> 
} 
Inherited from div 
nepan.css:31 
.wrapper { 
    <strike>color: rgb(40, 40, 40);</strike> 
    font-family: "Arial", "Helvetica", sans-serif; 
    font-size: 12px; 
    line-height: 18px; 
    text-align: left; 
}

^Свойство стиля даже не появляется, так что я опечатки?

Теперь, согласно различным вопросам:

My HTML и CSS файлы находятся в том же каталоге (вы заметите, что изображение используется в DIV - я что, если определить файл был доступен - он есть).
Я протестировал эту страницу в IE/Chrome/Firefox/Opera сейчас. Само изображение отображается как индивидуальное изображение, кроме в Firefox.
http://nepaninjas.com Этот код активен с ошибкой в настоящее время.

источник

2012-02-02 Shea Christian Reinke

Показать фактический код, а не выходной поджигатель. Никто не может сказать, где должно быть изображение, основанное на том, что вы разместили. Не говоря уже о том, что выход firebug не является фактически CSS. – Scott

Фоновое изображение явно позволяет вам установить фоновое изображение и ничего больше. Использование свойства background позволит вам применить несколько настроек к фону в одной строке.

background: url(./images/backbar.png) repeat-x;

Вот спецификации для того, что вы можете указать в свойства фона:

background: { background-color background-image background-repeat background-attachment background-position | inherit } ;

Кроме того, имейте в виду, что путь в URL является относительно местоположения самого CSS-файла. Если вы можете рекомендовать использование корня http для ваших путей к файлу. Это позволяет вашему CSS быть более гибким, если вы планируете реструктурировать или перемещать свой CSS-файл, пути изображения впоследствии не нуждаются в обновлении. Так что, если вы можете управлять, я бы рекомендовал:

background: url(/images/backbar.png) repeat-x;

При условии ваши изображения находятся в http://domain.com/images/

источник

2012-02-02 06:11:35

Вы заявили, что неправильно

background-image: url(./images/backbar.png) repeat-x;

Должно быть

background: url(./images/backbar.png) repeat-x;

Если вы используете background-image ваше возможно только значение image-url нет ничего другого.

источник

2012-02-02 03:39:32 Rezigned

-4

Изменить URL-адрес своего фонового изображения. Если он находится во внешнем каталоге, используйте две точки вместо одного (../images вместо ./images)

источник

2012-02-02 04:07:45

Этот ответ неверен. –

Почему мое фоновое изображение не появляется?

ответ

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