Я новичок в 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, кешированные изображения и файлы, но безрезультатно.
Вы неправильно применяете свой стиль 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;
}