Tag: 文本旋转

jquery文本旋转

我在div中有一个简单的文本，如下所示; This is an example text 我希望div内的文字旋转20-30度。 我已经在stackoverflow上找到了关于它的这个主题，它在Firefox和Chrome中给出了我想要的结果，但在IE7，IE8和IE9中没有。 我也试过jquery旋转 ，但是当使用它时，看起来插件正在用div本身做一些事情，使它消失，而不是旋转div内的文本。 这有可能与javscript和/或CSS？ 注意：Cufon也在使用中。 Codlers回答后更新： 这是Codler回答后的当前应用的css。 适用于FF和Chrome。 -ms-transform: rotate(-20deg); -moz-transform: rotate(-20deg); /*-moz-rotation-point: 0 0;*/ -webkit-transform: rotate(-20deg); /*-webkit-rotation-point: 0 0;*/ -o-transform: rotate(-20deg); /*-ms-writing-mode: tb-lr; * html writing-mode: tb-lr;*/ 更新2：IE7和IE8现在正在旋转文本，但在IE9中，我的旋转文本后面有一个大的黑色方块。 是什么导致这个？ CSS现在如下; -moz-transform: rotate(-20deg); -o-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); background-color:transparent; /*-ms-filter: “progid:DXImageTransform.Microsoft.Matrix(M11=0.93969262, M12=0.34202014, M21=-0.34202014, M22=0.93969262,sizingMethod=’auto expand’)”;*/ […]