Фон: url в CSS не работает

Я новичок в CSS и надеялся, что кто-то может помочь мне понять, что я делаю неправильно. Я пытаюсь показать изображение, но кажется, что независимо от того, что я делаю, он отказывается отображать на моей странице. Может кто-нибудь объяснить мне, что я делаю неправильно?Фон: url в CSS не работает

Изображение сохранено в: Users/NenaH77/assignment/images/sitebg.jpg.

Css файл сохраняется в: Users/NenaH77/assignment/css/style.css

body{ 
    background: url('../images/sitebg.jpg') no-repeat top top #31b8ea; 
    }

Имея ../images я думал, что изображение сохраняется в папке было предположить, чтобы перейти на 2-х уровнях и в мою папку CSS, так что я не понимаю, почему мой образ не отображается :(

источник

2013-08-02 AMHD

А где HTML-файл? – Musa

@Musa Местоположение файла HTML не имеет значения - при ссылке на относительный URL-адрес из CSS-файла это относится к файлу CSS, а не к странице. –

Ваше отношение ссылки в порядке. Ваша ситуация с другой точки. Пользователь MrSlayer получил точку, ваше объявление .css недействительно. Начните с этого и вернитесь, если он не исправит. –

Вы ~~потребность~~должны, вероятно, поставить цвет фона первой.

body { background: #31b8ea url('../images/sitebg.jpg') no-repeat top }

Мистер Слейер дал вам правильный ответ.

источник

2013-08-02 19:22:23

Это неправда. Цвет фона не нужно ставить первым. – Quantastical

Цвет не нужен ** нужно быть первым .. [был отредактирован, теперь код он в порядке, но дубликат ..., и цвет по-прежнему не нужно начинать .. проблема была в том, top top' – gmo

Ну, я буду проклят. –

Ваш CSS фон заявление недействительно:

top top должны быть top или top left или какой-либо другой valid combination of positions.

Try:

body { 
    background: url('../images/sitebg.jpg') no-repeat 0 0 #31b8ea scroll; 
}

источник

2013-08-02 19:22:52 Quantastical

Я удалил верхнюю часть и сменил ее сверху, но это не сработало. – AMHD

Рассмотрите возможность разделения свойств фона на длинную нотацию (например, 'background-image: url ('. ./images/sitebg.jpg '); background-repeat: no-repeat; ... '), чтобы узнать, можете ли вы точно определить, какое свойство не работает. Зная, как отлаживать проблемы, будет долгий путь в обучении CSS работает, или любой новый язык, если на то пошло. – Quantastical

Чтобы перейти на 2 уровень этого

background: url('../../images/sitebg.jpg') no-repeat top top #31b8ea;

источник

2013-08-02 19:31:17 Vector

Мое изображение все еще не придумало это. Я не понимал, что могу подняться на гораздо большее количество уровней. Имейте это в виду. Спасибо – AMHD

Это будет работать. Вы можете увидеть скрипку here.

body { background: url(../../img/image.jpg) no-repeat center center; background-size: cover;}

Это также будет принимать вас два уровня ...

источник

2013-08-02 19:37:06 webfrogs

Всем спасибо.Я пробовал все предложения, но мне все еще не повезло :( – AMHD

Почему бы вам не попробовать опубликовать ссылку на свой сайт? Можете ли вы загрузить эти файлы на сервер? Мы будем рады помочь вам, но отладка это жить было бы намного проще. – webfrogs

Фон: url в CSS не работает

ответ

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