2013-11-18 3 views
0

Я пробовал ответы на 4 других S.O. вопросы, но мое изображение все еще не появляется. Я изучаю код, пройдя Dash at General Assembly. Однако я строил этот проект с использованием Sublime 3.Фоновое изображение не отображается

body{ 

    background-image: url("Southern California Sunset.jpg"); 

Мой html-файл и изображения сохраняются в одной папке. location of html and images

My code

Где я получил фоновое изображение:

Southern California Sunset.jpg

+0

попробуйте/перед именем изображения, если% 20 не работает –

ответ

1

Попробуйте заменить пробелы в имени файла с %20:

background-image: url("Southern%20California%20Sunset.jpg"); 

В общем, избежать пробелов в имена файлов. Намного легче.

+0

Эй, спасибо за отзыв Paul. Я изменил имя файла на: SouthernCaliforniaSunset и вставил имя в возвышенное, чтобы не было опечаток. Было жесткое обновление (ctrl alt v), но фоновое изображение все еще не отображается в Firefox или Chrome. Код подтверждения: 'body { \t \t text-align: center; \t \t font-family: helvetica; \t \t background-image: url ("SouthernCaliforniaSunset.jpg"); ' – user2755660

+0

Если вы используете Chrome, вы можете получить инструменты разработчика, нажав 'ctrl-shift-I'. Если затем выбрать вкладку «Сеть», а затем обновить, вы можете просмотреть всю сетевую активность. Это скажет вам, является ли ваш CSS или ваш образ тем, что вызывает проблемы, и более подробно о том, что на самом деле запрашивается на сервере. – PaulProgrammer

0

Как он сказал, вы должны избегать использования пробелов при сохранении изображения. Я использую метод «верблюжьих горпов» для всего моего кодирования. Поэтому вместо использования пробелов вы используете все слова. Итак, вместо «моего примера image text.jpg» это будет MyExampleImageText.jpg.

+0

Спасибо за подсказку. Я изменил имя файла, чтобы устранить пробелы. Все еще не сработало. Я даже добавил другое фоновое изображение в ту же папку html и изменил изображение на background-gray-4.jpg. Ничего не сработало. Еще нет фонового изображения. – user2755660

1

Вашего CSS синтаксис для фонового изображения является правильным:

background-image: url("Southern California Sunset.jpg");

Вы можете заменить каждый пробел на% 20, который является HTML URL кодирования эквивалента. Но в современном веб-браузере это может не понадобиться. Вы также можете использовать случай верблюда (то есть капитализацию первой буквы каждого слова) без пробелов или другое соглашение об именах для устранения пробелов.

До тех пор, пока синтаксис верен и файл находится в нужном месте, код должен работать правильно.

У вас, однако, есть небольшая (несвязанная) синтаксическая ошибка в вашем коде; это:

<input type="email"; placeholder"Your email"/>

должно быть:

<input type="email" placeholder"Your email" />

HTML, как правило, довольно снисходителен синтаксических ошибок. Тем не менее, лучше избегать их.

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