Vertical Text in Firefox < 3.5
I'm Used below css code in myproject:
.box_round {
/* IE-only DX filter */
filter: flipv fliph;
writing-mode: tb-rl;
/* Safari/Chrome function */
-webkit-transform: rotate(270deg);
/* works in latest FX builds */
/* -moz-transform: rotate(90deg); */
-moz-transform: rotate(-90deg); /* FF3.5+ */
-o-transform: rotate(7.5deg); /* Opera 10.5 */
-webkit-transform: rotate(7.5deg); /* Saf3.1+, Chrome */
/* filter: progid:DXImageTransform.Microsoft.BasicImage(rotat ion=0.083); IE6,IE7 */
-ms-filter:progid:DXImageTransform.Microsoft.BasicImag e(rotation=3); /* IE8 */
font-family :Tahoma ;
font-size :12px;
width :26px;
height :380px;
text-align :center ;
direction :rtl ;
vertical-align :text-top;
color:#5C0901;
background-image :url(../Image/Book/gh_03.gif.gif);
background-position :Top left ;
background-repeat :repeat-y ;
}
code in IE worked , but not work in firefox < 3.5 and in firefox > 3.5 worked vertical and tangle characters.
please help me .
I'm will worked in any firefox correct.
|