Как реализовать мою идею на css?

Question

[pixal]

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

И еще вопрос. Как картинку фона центрировать по вертикале? То есть, если она имеет 100 пикселе, а див 80 в высоту, чтобы центр картинки совпадал, картинки и дива.

Благодарю

Comments

[tltary]

1 вопрос
а как у тебя сайт крутится?

2 вопрос
background-position: center;
background-size: cover;

[pixal]

tltary, 1 по вертикале, как и все. Я про скролинг.

2 огромное спасибо!

[tltary]

pixal, 1 через подложку например

[pixal]

tltary, можно пример?

[Андрей Б.]

2.
простейший случай
background-image: url(path_url);
background-attachment: fixed;

или гуглить "эффект параллакс"

[Виталий Киренков]

Андрей Б., ну.... это не параллакс))) а код верный)

Answer 1

[5artm]

Чтобы что-то прокручивалось вместе с сайтом нужно указать position:fixed. Если нужно чтобы прокручивался только фон div элемента, то можно разделить этот div на текст и отдельный div для фона, тогда можно будет задать position:fixed на div с фоном. Чтобы размер картинки совпадал с размером div нужно указать "название_div img{height:100%; width:100%}"