Как добавить фоновое изображение в область за пределами тела

Привет У меня есть обычный веб-сайт html и вы хотите добавить фоновое изображение в область за пределами тега тела.Как добавить фоновое изображение в область за пределами тела

До сих пор у меня есть это в моем CSS

#class:before { 
    content: ""; 
    display: inline-block; 
    width: 1px; 
    height: 2000px; 
    background-image:url(../images/Background.jpg); 
    background-repeat: repeat; 
    position: relative; 
}

Затем я добавил DIV над телом .. очевидно, пошли неладно где-то, как он не работает.

Цените свою помощь.

источник

2016-03-23 Amanda

Пожалуйста, вы можете описать, что это желаемое визуальное поведение вашего веб-сайта, я уверен, что я n помогите вам добиться этого, установив фоновое изображение внутри тега тела. –

Привет, смотрите скриншот. http://www.broomedaycare.com/images/gradient-outside-body-content.jpg – Amanda

Мое предложение заключается в использовании flex

Я JSFiddle создать для вас: enter link description here

HTML:

<body> 
    <div class="flex"> 
     <div class="width-200 bg-red"> 
     Put here your background 
     </div> 
     <div class="flex-1"> 
      right panel 
     </div> 
    </div> 
</body>

CSS:

.flex{ 
    display: flex; 
    height:500px; 
} 

.flex-1{ 
    flex:1; 
    padding-left:10px; 
    background-color:white; 
} 

.width-200{ 
    width:200px; 
} 

.bg-red{ 
    background-color:red; 
}

источник

2016-03-23 09:42:41

Спасибо, но я не понимаю, что это сработает. Как 2 divs помещают фон вне тела? – Amanda

они будут внутри тега тела. Я обновил пример кода –

Как добавить фоновое изображение в область за пределами тела

ответ

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