Элементы управления формой отключения видимости задней поверхности

0

Я работал над проектом, где мне нужно разработать веб-страницу, которая выглядит так:
http://cdpn.io/jkCqI
Хотя он отлично работает с FireFox, единственной проблемой, с которой я столкнулся, является то, что элементы управления формой для этой веб-страницы не работают в Google Chrome. Я подозреваю, что это проблема

   backface-visibility

или что-то в этом роде.
Может ли кто-нибудь помочь мне в этом? Как исправить это?

Теги:
forms
google-chrome
css-transforms

1 ответ

0
Лучший ответ

Это общая проблема в Chrome и эквивалент позиционирования z-index в 3D, преобразование z.

Пытаться

.back {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg) translateZ(1px);  // added translateZ 
}

и он будет работать

Ещё вопросы

Сообщество Overcoder
Наверх
Меню