избежать нежелательного масштабирования изображения при эффекте прокрутки параллакса

0

вот моя демонстрация, так как вы можете увидеть масштаб изображения, так что край: верхняя часть оболочки параллакса не может быть динамической.

demo: http://jsfiddle.net/KsdeX/12/

.wrapper-parallax {
    margin-top: 150px;
    margin-bottom: 60px;
}

каково возможное решение для этого? максимальная ширина для img?

Теги:
parallax

2 ответа

1

да, я действительно не понимаю, в чем проблема, вы можете просто сделать

img {
position: fixed;
top: 0;
max-width: 350px;
z-index: -1;
background: cyan;

}

и тогда изображение больше не будет масштабироваться..?

Поделиться
  • 0
    Неплохо, когда размер окон становится меньше, может ли img стать больше по центру?
0

Я считаю, что это то, что вы хотели.

I had to use some javascript in this code, and declared some ids to make it easy for me :p

играть на скрипке

Поделиться
  • 0
    Вы можете контролировать запас контента? при уменьшении img между заголовком и содержимым остается пробел.
  • 0
    Здесь При уменьшении размера в какой-то момент ваш div не будет двигаться (оставляя .wrapper-parallax сверху) .. это будет из .wrapper-parallax за margin-top .wrapper-parallax

Ещё вопросы

Сообщество Overcoder
Наверх
Меню