Вставить фоновое изображение в CSS (Twitter Bootstrap)

Как я могу добавить фоновое изображение на мой сайт?

body {
     margin: 0;
     background: url(background.png);
     background-size: 1440px 800px;
     background-repeat:no-repeatdisplay: compact;
     font: 13px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;

Я сделал это много, но ничего не появляется на моей странице. Я новичок в CSS.

Обновлено:

body {
 margin: 0;
 background-image: url(.../img/background.jpg);
 background-size: 1440px 800px;
 background-repeat:no-repeat;
 display: compact;
 font: 13px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;

Ответы на вопрос(9)

Проблемой также может быть порядок импорта ваших таблиц стилей. Мне пришлось переместить импорт пользовательских таблиц стилей ниже импорта начальной загрузки.

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

Если по какой-либо причине ваша структура папок выглядит так ...

страница интернета
-index.html
-css
- - style.css
- изображений
- - background.png

Затем для ссылки на изображение в вашем CSS-файле вы должны использовать следующий путь:

../images/background.png

Так что это будет фон: url (& amp; ../ images / background.png & apos;);

Логика проста: перейдите на одну папку вверх, набрав & quot; ../& quot; (столько раз, сколько вам нужно). Перейдите на одну папку, указав папку, к которой вы хотите перейти.

body {
    background-image: url(your image link);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size: cover;
    background-color: #464646;
}

если у вас есть много фоновых изображений, которые вы хотите включить, где вы хотите, вы можете для каждого изображения создать класс:

.background-image1  
{
background: url(image1.jpg);
 }
.background-image2  
{
background: url(image2.jpg);
 }

а затем вставьте изображение, где вы хотите, добавив div

<div class='background-image1'>
    <div class="page-header text-center", style='margin: 20px 0 0px;'>
         <h1>blabaaboabaon</h1>
    </div>
</div>

body или элемент-обертку для получения фонового изображения вызовет проблемы с заполнением. Проверить этот билетhttps://github.com/twitter/bootstrap/issues/3169 на github. Комментарий ShaunR, а также ответ одного из создателей на это. Данное решение в созданном тикете не решает проблему, но оно, по крайней мере, помогает, если вы не используете адаптивные функции.

Предполагая, что вы используете контейнер без адаптивных функций, шириной 960 пикселей и хотите получить отступ в 10 пикселей, вы устанавливаете:

.container {
   min-width: 940px;
   padding: 10px;
}

вы можете установить цвет фона или изображение (твой css)

 html { 
     background-image: url('http://yoursite/i/tile.jpg');
     background-repeat: repeat; 
 }

 .body {
     background-color: transparent; 
 }

Это потому, что BS применяет правило CSS для цвета фона, а также для.container учебный класс.

background-repeat не закрыт перед следующим оператором дляdisplay...

background-repeat:no-repeatdisplay: compact;

Не должно ли это быть

background-repeat:no-repeat;
display: compact;

добавление или удаление кавычек (по моему опыту) не имеет значения, если URL правильный. Правильный ли путь к изображению?If you give a relative path to a resource in a CSS it's relative to the CSS file, not the file including the CSS.

Решение Вопроса

Так должно бытьbackground: url('background.png');

УвидетьВот для работы демо.

У вас также есть проблема сbackground-repeat line пропустить точку с запятой между двумя утверждениями. Если ваш фон действительно крошечный, вы не увидите его из-за этой проблемы.

Просто для обновления решения, среди других проблем, фоновый файл был связан с.../background.jpg когда это должно было быть../background.jpg (2 точки, а не 3).

бражениям), тогда этот удобный плагин JQuery растянет фоновое изображение до подходит к окну.

Бэкстретч http://srobbin.com/jquery-plugins/backstretch/

Работает отлично...

~ Ура!

Ваш ответ на вопрос