Здравствуйте. Такой вопрос возник. В седьмом задании два блока, к которым нужно задать фоновое изображение, цвет и т.д. Background-attachment задавать не нужно. Но. Если задать одной из фоновых картинок позицию fixed, то картинка просто исчезает. Почему? Для наглядности я добавляла несколько дополнительных блоков (чтобы появилась полоса прокрутки) ничего не изменилось. В интернете толкового ответа не нашла.
.block1 {
background: #e74c3c url("/assets/course13/cat_eyes.png") no-repeat 10px 5px;
background-position: 180px 55px;
background-attachment: fixed;
}
.block2 {
background: #2980b9 url("/assets/course13/cat_fish.png") no-repeat 10px 5px;
background-position: 180px 155px;
background-attachment: fixed;
}
Размеры указаны относительно body.
При fixed позиция картинки отсчитывается от окна браузера, фиксируется по отношению к окну браузера.
При scroll позиция картинки отсчитывается от окна div, для div остаётся как fixed, прокручивается в окне браузера.(по умолчанию)
Спасибо за ответ. Прежде чем Вы дописали под кодом комментарий, я нашла то же самой на htmlbook. Жаль, что таких нюансов не указали в теории.
Я это нашёл там же. В этих утверждения для меня пока не всё понятно.