Encabezados de columna diagonales

Question

Tengo encabezados de columna con texto largo en una tabla html, y me gustaría mostrar los encabezados en un ángulo de 45 grados (similar a lo que se puede hacer en Excel).

¿Existe una forma estándar de navegación cruzada para hacer esto con CSS o JavaScript?

Empecé a jugar con css3please.com, pero la rotación no parece funcionar, al menos en IE 7. Además, otro problema es que CSS gira alrededor del centro del elemento, mientras que yo necesito rotar alrededor del elemento. lado izquierdo.

¡Todos los indicadores serán apreciados!

Answer 1

Una forma sería dibujar el texto en un mapa de bits o un archivo .gif y mostrarlo. El principal beneficio es que funcionaría en todos los navegadores.

Answer 2

Demostración: http://jsfiddle.net/wdm954/Z2HHu/1/

-moz-transform:rotate(-45deg); 
-webkit-transform:rotate(-45deg); 
transform: rotate(-45deg);