добавить фоновое изображение на весь экран, во всех дивы

Question

Я пытаюсь получить следующий WordPress на основе сайта, чтобы иметь единый непрерывный фоновое изображение:

Startup Roadmap | Idea Generation

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

Благодарим за помощь!

Answer 1

добавить CSS в вашем теле класса

body.custom-background { 
background: url('/wp/wp-content/themes/twentyfourteen/assets/BG.jpg'); 
background-size: auto 100%; 
background-size: cover; 
background-position: center center; 
background-attachment: fixed; 
} 

Answer 2

Вы должны смотреть на задний план свойство CSS, а затем применить его к HTML-элемент родительского, который содержит все. Для сайта, на котором вы заявили, что это будет элемент «body».

Посмотрите на различные свойства фона здесь: http://www.w3schools.com/cssref/css3_pr_background.asp

вот пример я использую снова и снова:

/* Global Container */ 
.globalContainer { 
width: 100%; 
background: url(../PATHTOYOURPHOTO) no-repeat center bottom fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
} 

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