2010-10-26 2 views
1

я прикрепил этот атрибут стиля для тела тега:Почему прокрутка с moz-radial-gradient настолько медленная?

style="background: -moz-radial-gradient(center center , circle , rgb(223, 224, 228), rgb(189, 193, 200)) no-repeat fixed 0% 0% #fff;" 

и прокрутка страницы стал очень трудно - она ​​отстает и прокрутку медленно. Предполагается ли это так?

Редактировать: не только прокрутка, но и все другие эффекты jquery также замедляются.

ответ

3

Его известная проблема в том, что градиентный фон с фоновой позицией: исправлена ​​проблема с производительностью.

Это цена, которую вы платите за использование предварительного выпуска CSS (т.е. ничего с префиксом браузера, например -moz). В большинстве случаев они работают нормально, но до тех пор, пока у них есть этот префикс, это указывает на то, что поставщик не считает, что функция будет закончена, поэтому вы используете ее на свой страх и риск.

+0

Спасибо. Однако даже при вложении «прокрутка» у меня такие же проблемы с производительностью, что еще хуже. – Rihards

+0

Это еще не экспериментально, но все же вызывает лагиное поведение в ff 51 на ubuntu 16.04 (win7 работает без проблем). И это не только прокрутка, как только вы размещаете градиент, например. ваше тело, вся страница медленная (клики имеют задержку, а анимация негладкая). – MaBi

0

Возможно, это из-за количества ресурсов, которые браузер должен отображать на графе градиента CSS на фоне всей страницы. В каком браузере вы тестируете?

+0

3.6 - новейший. на самом деле их не так много. У меня есть фон и div с заполненным фоном (высота 1000 пикселей, поэтому прокрутка будет возможна). – Rihards

Смежные вопросы