如何旋转文本特别是在ie8?

时间:2014-11-24 06:03:19

标签: jquery html5 css3

http://jsfiddle.net/manojivasan/hdr28m78/

我需要文本旋转,特别是我需要它在IE8中,除了IE8我得到的其他浏览器, 任何人都可以帮助我解决这个问题

   .Tips a {
    color: #82C739;
    text-decoration: none;
    } 
   .Tips {
    color: blue;
    font-size: 10px;
    width: 200px;
    line-height: 12px;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-7);
    /*-ms-filter:filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-7);*/
    }

1 个答案:

答案 0 :(得分:0)

您可以使用此网站将您的css3轮换代码转换为IE Matrix。

http://www.useragentman.com/IETransformsTranslator/

#transformedObject {

 /* IE8+ - must be on one line, unfortunately */ 
 -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.992546151641322, M12=0.12186934340514763, M21=-0.12186934340514763, M22=0.992546151641322, SizingMethod='auto expand')";

 /* IE6 and 7 */ 
 filter: progid:DXImageTransform.Microsoft.Matrix(
          M11=0.992546151641322,
          M12=0.12186934340514763,
          M21=-0.12186934340514763,
          M22=0.992546151641322,
          SizingMethod='auto expand');


 /*
  * To make the transform-origin be the middle of
  * the object.    Note: These numbers
  * are approximations.  For more accurate results,
  * use Internet Explorer with this tool.
  */
 margin-left: -6px; 
 margin-top: -16px;

}