Изображение заголовка с CSS в теме Bootstrap всегда возвращается к значению по умолчанию

0

Я новичок в Bootstrap 3 (часть проблемы), и я пытаюсь создать сайт для быстрого портфолио для класса. Я использую шаблон стартового Wonder Wonder отсюда: http://startbootstrap.com/one-page-wonder. У меня проблема с таблицей стилей one-page-wonder.css. Я пытаюсь изменить изображение заголовка из заполнителя, и я добавил стиль для эссе, но ни одно изменение не появляется, когда я бросаю его на сервер. Я удалил всю загрузочную папку на своем сервере и перезагрузил ее, но всякий раз, когда я перехожу на свою страницу и проверяю код, он показывает то же самое изображение заполнителя и ту же самую старую таблицу стилей. Здесь стиль, который я хочу использовать:

.essay {
    text-indent:50px;
}

.header-image {
    background:url(/images/Fire.jpg) no-repeat center center cover;
    background-position:top;
    height:auto;
    display:block;
    width:100%;
    text-align:center;
}

Здесь ссылка на страницу: http://jonathanalumbaugh.altervista.org/courserequests/photographyone.html

Это очень раздражает, я просмотрел весь код, но он всегда возвращается к этому месту. Я попытался очистить файлы cookie, кешированные изображения и файлы, но безрезультатно.

Теги:
twitter-bootstrap-3

1 ответ

1
Лучший ответ

Вы неправильно применяете свой стиль CSS. Вы передаете недопустимое значение background-image - это свойство ожидает только URL-адрес изображения.

Вы хотите установить свойство background, которое является сокращенным свойством для нескольких других свойств. Вы можете использовать его следующим образом:

 background: #000 url(/images/Fire.jpg) center center no-repeat;

ref: https://developer.mozilla.org/en-US/docs/Web/CSS/background

Вы всегда должны убедиться, что ваш CSS действителен:

http://jigsaw.w3.org/css-validator/

Примечание. Ваше изображение по-прежнему невозможно найти. Где это?

Вы не можете включать cover в сокращенную область, вам нужно сделать что-то вроде этого:

html { 
  background: url(/get/the/right/url.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
Поделиться
  • 0
    Изначально все было правильно, просто «фон», а не «фон-изображение», я изменил его, чтобы посмотреть, исправит ли это что-нибудь. Я просто изменил его обратно, и, как ни странно, теперь класс .essay работает, но мое изображение все еще не отображается.
  • 0
    Что ж, эти 404 могут иметь к этому какое-то отношение: jonathanalumbaugh.altervista.org/images/Fire.jpg Проверьте свой путь.
Показать ещё 10 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню