Comment faire pivoter un document HTML5 entier?

Question

J'ai un jeu HTML5 dans un widget iBooks. Il s'avère que le bouton "fermer le widget" n'obéit pas aux informations dans Info.plist, ce qui signifie qu'il se trouve juste au-dessus de la zone de lecture.

Je peux soit recoder toute la logique, et retourner chaque image (pas beaucoup de travail, mais pas une excellente solution, en effet), ou si possible tourner le document entier de 180deg.

J'ai essayé d'appliquer

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

à l'élément du corps, mais cela ne fait pas pivoter l'image de fond sur Safari, entre autres.

D'où la question, est-ce qu'il y a quelque chose que je peux ajouter à l'en-tête du document pour lui demander de se faire pivoter par un demi-tour?

Answer 1

Aucun Safari à tester ici, cependant, l'application de vos propriétés CSS au format html au lieu du corps fonctionne comme prévu dans Chrome.