Mejor anti-aliasing en iPad cuando se utiliza la posición: fijo, ¿por qué?

Question

Observé que al usar position: fixed en un elemento, el texto en el iPad (iOS 5.0.1) se representa mejor que sin position: fixed. Este es especialmente el caso del texto blanco sobre fondo oscuro.

Mi pregunta es cómo hacer uso de este anti-aliasing mejorado sin usar soluciones como position: fixed.

A continuación puede encontrar una imagen de ejemplo y el código correspondiente.

http://i41.tinypic.com/op8f9u.png

http://jsfiddle.net/t4kTm/

Answer 1

Después de actualizar a iOS 5 no pude reproducir esto nunca más - raro.

Answer 2

No sé por qué es así, pero sí sé cómo controlar anti-aliasing en los navegadores WebKit:

-webkit-font-smoothing: none; /* Obvious */ 
-webkit-font-smoothing: subpixel-antialiased; /* This is what quite a few browers already do*/ 
-webkit-font-smoothing: antialiased; /* Even more than the one above */ 

Will

esta ayuda?

Answer 3

En el iPad, aplicar position:fixed a la etiqueta del cuerpo hace que la fuente sea más delgada para todos los elementos secundarios (apariencia similar a -webkit-font-smoothing: antialiased). No he probado exhaustivamente, pero funciona con Helvetica Neue en IOS 5.1.1

body { 
    -webkit-font-smoothing: antialiased; // make fonts thinner in desktop Webkit 
    position: fixed;      // make fonts thinner on the iPad 
}