Как я могу исправить фон в div? - PullRequest
Новая
       42

Как я могу исправить фон в div?

2 голосов
/ 06 июля 2011

У меня есть сайт, и на одной из моих страниц я использую div, который выглядит как редактор. Я могу иметь фон в этом div и содержание над ним. Я хочу, чтобы этот фон оставался в фиксированной позиции, пока я прокручиваю в div.

Мой код похож на это: 

 <div id="myEditorArea"  style="vertical-align: top; width: 240px; height: 320px;      background-image: url('image.png'); background-repeat: no-repeat; background-position: center center; background-attachment:fixed; overflow:scroll; text-align: left;">

 bla bla bla

 </div>

Фон остается фиксированным и работает нормально, когда я прокручиваю внутри div. Проблема в том, что он движется, когда я прокручиваю всю страницу.

Кто-нибудь знает в чем может быть проблема?

Заранее спасибо

Ответы [ 2 ]

0 голосов
/ 22 сентября 2016

источник: https://codyhouse.co/gem/alternate-fixed-scroll-backgrounds/

html: 

<div class="cd-fixed-bg cd-bg-1">
        <h1><!-- title goes here --></h1>
    </div>

css: 

body, html, main {
    /* important */
     height: 100%;
}

.cd-fixed-bg {
min-height: 100%;
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
}

.cd-fixed-bg.cd-bg-1 {
background-image: url("../img/cd-background-1.jpg");
}
0 голосов
/ 20 июля 2011

Вот пример background-attachment: fixed; http://www.w3schools.com/css/tryit.asp?filename=trycss_background-attachment. Это должно быть то, что вам нужно.

...