El único que funcionó para mi situación era utilizar CSS Papel de lija - una vez que tuve que integrada, probé el siguiente código CSS ...
#vertbar p.name {
-sand-transform: rotate(180deg);
}
y listo! IE rotó el texto verticalmente, leyendo de abajo arriba. Sin embargo, en todos los demás navegadores, esta orientación se considera 270 grados.
ahora tenía otros navegadores que giran el texto en un ángulo diferente a IE, como si el sistema de coordenadas de IE es el regreso a la parte delantera (no me sorprendería ...)
pensé' Pruebe un comentario condicional para servir la regla -sand-transform
solo a los navegadores IE. Por alguna razón, IE ignoró esto y entonces la rotación ni siquiera se aplicó (¿IE10 ignora los comentarios condicionales?)
Así que ahora tuve el problema de hacer que todos los navegadores lo hicieran igual. Reorganizando el orden de las reglas y estableciendo 180 grados para IE y 270 grados para los demás, finalmente tuve una regla CSS que trabajó para rotar el texto verticalmente, leyendo de abajo arriba, en Firefox, Chrome, Safari e IE.
#vertbar p.name {
-sand-transform: rotate(180deg);
-webkit-transform: rotate(270deg) !important;
-moz-transform: rotate(270deg) !important;
-o-transform: rotate(270deg) !important;
font-size: 14px;
text-transform: capitalize;
display: block;
white-space: nowrap;
height: 330px;
text-align: left;
color: #FFF;
line-height: 40px;
margin-top: 0px;
}
¡Hurra! Espero que esto sea de ayuda para alguien, perdí más de 2 horas tratando de resolverlo. : P
Actualización: Solo quería hacer una corrección: 270 grados es 270 grados en todos los navegadores. Descubrí que tenía otra regla con una rotación de 90 grados, que se agregaba a una segunda regla de 180 grados, para dar un total de 270. Por lo tanto, era interesante observar que el valor de rotación es relativo (¿adicional?) En lugar de absoluto.
gracias por las respuestas, si tienen otras formas para hacer esto, en el CSS 2 O algo ?? –