Как заставить элемент translate3d соответствовать z-index в Mobile Safari? - PullRequest
1 голос
/ 14 октября 2011

Я обнаружил проблему с проводным подключением в Mobile Safari в виде демо http://mocheng.github.com/demo/translate3d.html

Одна страница translate3d_iframe.html внутри translate.html в виде iframe.Элементы в translate3d_iframe.html имеют стиль -webkit-transform: translate3d (0, 0, 0) для форсирования 3D-ускорения.

Интересный результат заключается в том, что элемент 3D-ed всегда отображается поверх других элементов, если он имеет более низкий z-индекс.

Что еще интереснее: элемент 3D-ed простоотображается сверху других элементов.Вы по-прежнему можете нажать на элемент меню «скрытый» 3D-редактором (предупреждающее сообщение отображается при нажатии).

Это может быть воспроизведено только в Mobile Safari.

Есть ли способ обойти это?Я просто почувствовал, что веб-разработчики должны знать, как работает браузер iOS для решения подобных проблем.

...