2013-11-20 2 views
2

получил странный вопрос с сафари 7.CSS3 Scaling коробок с коробкой-тенью исчезает в Safari 7

У меня есть простой ящик, который получает масштабируется на наведут курьез, так как Safari 7 швов, что коробка тень исчезает, когда масштабируя поле.

Есть ли у кого-нибудь еще эта проблема и решение?

Normal state


Scaled state

Запуск Пример: http://pizzadatoni.ch/shop/chur/pizza-xxextra/

Спасибо за вашу помощь :)

+1

Привет Марио, я вижу эту проблему, а также. Просто начинаю исследовать дальше, поэтому у меня нет решения (пока). Но я хотел сообщить, что вы не одиноки. Я расскажу о любых важных выводах. –

ответ

3

Похоже, что это ошибка в Webkit (на момент написания статьи в webkit ночной). Вот простой demo для воспроизведения. И вот bug report, который я подал.

+1

В Safari 8.0.2 тень исчезает с любой шкалой, даже если она меньше 2. –

0

Это не исправление, но вы можете избежать этой проблемы с помощью фильтра: drop-shadow() вместо box-shadow().

0

Как ни странно, применение пограничного радиуса (даже маленького), кажется, устраняет проблему.

border-radius: 0.02px; 

посмотреть демо здесь: http://codepen.io/anon/pen/ONWOGp

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