Как повернуть весь документ HTML5?

Question

У меня есть игра HTML5 в iBooks Widget. Оказалось, что кнопка «закрыть виджет» не соответствует информации в Info.plist, что означает, что она попадает прямо поверх игровой зоны.

Я могу либо перекодировать всю логику, либо перевернуть каждое изображение (не так много работы, но не очень хорошее решение), или, если возможно, повернуть весь документ на 180 градусов.

Я пытался применять

-webkit-transform: rotate(180deg); 
-webkit-transform-origin: 50% 50%; 

к элементу тела, но это не повернуть фоновое изображение на сафари, среди других вопросов.

Следовательно, есть вопрос, есть ли что-то, что я могу добавить в заголовок документа, чтобы попросить его сделать поворот на полуфурне?

Answer 1

Нет Safari для тестирования здесь, однако, применяя ваши свойства CSS к html вместо тела, как и ожидалось в Chrome.