通过CSS旋转html正文

我试图通过CSS旋转html主体。 到目前为止，我尝试了以下代码：

-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);

我在IE、Chrome和Firefox上试过，但在任何浏览器上都不起作用。 我做错了什么

身体{ 字体系列：Arial，Verdana； 字号：10pt； 背景色：EEEE； 保证金：0； 溢出：隐藏； -webkit变换：旋转90度； -moz变换：旋转90度； -o变换：旋转90度； -ms变换：旋转90度； 变换：旋转90度； } /*Datumsanzeige-aktueller标签*/ 头{ 字体大小：粗体； 字体大小：30磅； 利润率：50像素0 30像素60像素； } 页面导航{ 底部：0； /*显示：无*/ 左边距：10px； 高度：34px； 文本对齐：居中； 位置：固定； } 桌子{ 宽度：90%； 高度：自动； 边界间距：2px； } th{ 背景色：009de0； 颜色：ffffff； } 运输署分区{ 溢出：隐藏； 文本对齐：居中； } .内容{ -webkit变换：旋转180度； -莫兹变换：旋转180度； } .c1{ 背景色：c7ebfc； 宽度：20%； 颜色：009de0； } .c2{ 背景色：c7ebfc； 宽度：20%； 颜色：009de0； } .c3{ 背景色：c7ebfc； 宽度：40%； } .c4{ 背景色：b9e6fb； 宽度：20%； } .c5{ 背景图像：-webkit gradientlinear，左上，右上，color-stop0.12，D2D3D5，color-stop0.25，FFFFFF，color-stop0.37，D2D3D5； 背景图像：-o-linear-gradientright，D2D3D5 3%，FFFFFF 8%，D2D3D5 15%； 背景图像：-moz线性渐变光源，D2D3D5 3%，FFFFFF 8%，D2D3D5 15%； 背景图像：-webkit线性渐变光源，D2D3D5 3%，FFFFFF 8%，D2D3D5 15%； 背景图像：-ms线性梯度光，D2D3D5 3%，FFFFFF 8%，D2D3D5 15%； 背景图像：右线性渐变，D2D3D5 3%，FFFFFF 8%，D2D3D5 15%； 位置：固定； 排名：0； 左：0； 宽度：100%； 高度：60px； } .c6{ 位置：相对位置； 利润率：28px050px； 高度：50px； z指数：99； } .c7{ 宽度：100%； 边界间距：1px； } .c8{ 宽度：50%； 垂直对齐：顶部； } .c9{ 宽度：50%； 垂直对齐：顶部； } .c10{ 高度：332px； 宽度：627px； } .c11{ 宽度：50%； 垂直对齐：顶部； } .c12{ 宽度：50%； } 研讨课 研讨课 从…起 到 建筑 房间

---

虽然您提供的代码似乎有效，但这里有一个jQuery解决方案，您可以尝试。您没有标记jQ，但它在您的代码中

我刚刚写了这个插件，它可以旋转东西

jQuery.fn.rotate = function(degrees,speed,d) {
    if(typeof speed == 'undefined') var speed = 50;
    if(typeof degrees == 'undefined') var degrees = 360;
    if(typeof d =='undefined') var d = 0;
    context = this;
    setTimeout(function(){
        console.log(d);
        $(context).css({
            '-webkit-transform' : 'rotate('+d+'deg)',
            '-moz-transform' : 'rotate('+d+'deg)',
            '-ms-transform' : 'rotate('+d+'deg)',
            'transform' : 'rotate('+d+'deg)'
        });
        d++;
        if(d<=degrees) $(context).rotate(degrees,speed,d);
    },speed)
};

将页面旋转90度

---

这里有一把小提琴：

它应该可以工作，你有小提琴吗？在Chrome和Firefox中似乎可以正常工作，你的版本有什么问题？它可以正常工作。你的主体标签里面有什么内容？请发一篇帖子。我更正了你的编辑，这样你的HTML和CSS就可以在你的问题中运行了，而且看起来效果很好。

$('body').rotate(90, 10);