Comment faire pour forcer le rendre à nouveau après une WebKit transformation 3D dans Safari

Je suis en utilisant le CSS transformations 3D pour effectuer un zoom sur une div, par exemple:

-webkit-transform: scale3d(2,2,1);

La mise à l'échelle elle-même fonctionne très bien dans tous les navigateurs WebKit. Cependant, lors de l'utilisation de ce sur Safari (mobile ou Windows), le contenu de la div n'est pas un nouveau rendu. Le résultat est que le contenu devient floue après la mise à l'échelle.

Cet effet se produit uniquement lors de l'utilisation de transformations 3D. Tout fonctionne bien lors de l'utilisation de

-webkit-transform: scale(2);.

Afin d'exploiter l'accélération matérielle sur iPhone/iPad, il serait bien d'utiliser les transformations 3D.

Quelqu'un sait comment dire à Safari de re-rendre un div avec la nouvelle échelle?

  • Comment savez-vous que le navigateur n'est pas rendu le contenu de la DIV? Contient-il une image com
InformationsquelleAutor FatCat123 | 2011-01-09