Box-shadow и firefox?

Question

[otaqsun]

Хочется узнать опыт коллег, кто как борется с тормозами текущей версии ff при использовании box-shadow в элементах. Кроме классических способов создания тени старыми способами, можно еще делать с помощью -moz-border-image, но и у этого способа есть подводные камни, например необходимость корректировки заднего фона, особенно при совместном употреблении с закругленными углами.

Есть ли хорошие универсальные решения?

Comments

[Николай Васильчук]

В чем заключаются тормоза? У меня в FF box-shadow работает нормально, тормозов не наблюдаю.

[otaqsun]

Если один элемент то более менее нормально. А если сложна верстка с активным использованием теней, хотя бы один в один вложить. То уже заметные тормоза. Можно даже через Системный монитор сравнивать.
При этом в опере и вебките все ок.

[otaqsun]

А ну и если в купе с border-radius, то точно смерть.

[otaqsun]

Вот кстати нашел похожее обсуждение: stackoverflow.com/questions/1249619/scroll-lag-with-css3-attribute-box-shadow

Answer 1

[Игорь Алексеенко]

Если хочется использовать именно box-shadow, то с тормозами придется мириться, потому что в FF это свойство очень сильно бъет по производительности, тут ничего не поделаешь — универсального решения нет. Это особенность FireFox и выход в ограниченном использовании свойства или в нахождении альтернатив.

-moz-border-image — как вариант. Если размер блока плюс-минус фиксированный, то я бы, применил вообще самое ленивое в мире решение и подложил бы через псевдокласс :after картинку под блок по всей ширине. Или старые добрые способы.