Поддельная прозрачность фона / эффекты без фиксированного позиционирования - PullRequest
Новая
       0

Поддельная прозрачность фона / эффекты без фиксированного позиционирования

0 голосов
/ 02 сентября 2010

Я пытаюсь эмулировать этот эффект: http://meyerweb.com/eric/css/edge/complexspiral/demo.html в моем блоге: http://segment6.blogspot.com/

Это работает, но с одной проблемой: Firefox очень сильно тормозит прокрутку страницы.Если я сделаю фоновое вложение не «фиксированным», оно больше не лагает, но эффект не работает.Может ли этот эффект быть достигнут без фиксированного позиционирования или как-то исправлено отставание?

Я пытался использовать background-position с процентами, но похоже, что позиция основана на ширине элемента, а не ширине страницы,поэтому я не могу правильно выстроить его для разных размеров окна.

1 Ответ

0 голосов
/ 02 сентября 2010

Вы можете обернуть все содержимое тела в дополнительный DIV: 

<body>
    <div id="content-container>
    ...
    </div>
</body>

Затем вы устанавливаете следующие стили в CSS: 

html, body {
    overflow:hidden;
    height:100%;
}

div#content-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: auto;
}

Теперь это упаковочный контейнер DIV, который содержит полосы прокрутки. Таким образом, тело с фоновым изображением останется фиксированным при прокрутке содержимого.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...