Я работал над проектом, где мне нужно разработать веб-страницу, которая выглядит так:
http://cdpn.io/jkCqI
Хотя он отлично работает с FireFox, единственной проблемой, с которой я столкнулся, является то, что элементы управления формой для этой веб-страницы не работают в Google Chrome. Я подозреваю, что это проблема
backface-visibility
или что-то в этом роде.
Может ли кто-нибудь помочь мне в этом? Как исправить это?
Это общая проблема в Chrome и эквивалент позиционирования z-index в 3D, преобразование z.
Пытаться
.back {
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg) translateZ(1px); // added translateZ
}
и он будет работать