CSS3 box-shadow вызывает задержку прокрутки (снижение производительности) в Safari 5.0.2?

Привет,
на этот раз у меня довольно редкая проблема, которая возникает только в Safari 5.0.2. При использовании параметра CSS3 box-shadow Safari работает настолько плохо, что вы даже не можете правильно прокрутить вниз или взаимодействовать с сайтом , как ожидалось.

У меня есть

, который имеет средний размер (960x320 пикселей), и это его соответствующие настройки CSS:

        -moz-border-radius: 4px; /* FF1+ */
    -webkit-border-radius: 4px; /* Saf3-4 */
    border-radius: 4px; /* Opera 10.5, IE9, Saf5, Chrome */
    -moz-box-shadow: inset 0px 0px 140px #dfe1e2; /* FF3.5+ */
    -webkit-box-shadow: inset 0px 0px 140px #dfe1e2; /* Saf3.0+, Chrome */
    box-shadow: inset 0px 0px 140px #dfe1e2; /* Opera 10.5, IE9 */

Я попытался установить тень окна CSS3 с помощью jQuery (.css ()), но результат было то же самое (лаг). Да, и border-radius этого не вызывает (я отбросил его, протестировав несколько раз).

Итак, есть ли какое-нибудь решение? Честно говоря, я шокирован тем, что браузер WebKit, такой как Safari, даже представляет такого рода проблемы. Я знаю, что должен быть способ, поскольку на нескольких веб-сайтах используются вставки и начальные тени и отлично работают в Safari. Я нашел здесь в StackOverflow сообщение, в котором упоминалось изображение коробки как решение ... однако это сообщение было довольно старым.

Я очень, очень ценю ваше время и любую оказанную поддержку.
Заранее большое спасибо!

Крис

7
задан cr0z3r 25 January 2011 в 04:03
поделиться