CSS3 Bugs - Проблемы при использовании transform: rotate rules (Safari + Firefox) - PullRequest
2 голосов
/ 20 сентября 2011

У меня есть сайт Wordpress с некоторыми правилами CSS3, применяемыми к некоторым изображениям, которые поворачивают изображения и также оказывают эффект наведения на ролловер.Проблемы появляются в Safari и Firefox, когда вы включаете, а затем выключаете эти изображения, и я не могу обнаружить какие-либо подобные проблемы у людей на веб-страницах.

См. http://tinyurl.com/3n2eude и наведите курсор наи затем отключите изображения (слегка повернутые):

  • Имя члена становится размытым, а затем возвращается к нормальному (Firefox)
  • Граница изображения члена становится неровной (Firefox)
  • Большая черная линия отображается сбоку изображений элементов иногда, когда вы наводите назад и вперед между двумя изображениями элементов (Safari)

Если я отключаю преобразование: правила поворота, все нормально,Так что, похоже, проблема с этим правилом.Просто не могу понять, как это обойти.

У кого-нибудь есть идеи о том, как я могу обойти это или что может быть причиной этого?

Спасибо за любые идеи, которые у вас могут быть!

1 Ответ

0 голосов
/ 22 сентября 2014

Немного устарел вопрос, но эта проблема связана с рендерингом в браузере (из того, что я понял). Это не может быть исправлено на стороне CSS / HTML. Он должен быть зафиксирован на стороне пользователя.

Исправлено: http://www.askvg.com/how-to-enable-direct2d-directwrite-hardware-acceleration-in-mozilla-firefox/
Больше информации о проблеме: CSS3 rotate - проблемы с рендерингом в Firefox и Safari

...