旋转文本垂直在IE中不工作

我有需要呈现的一列一些垂直文本的表。

我的理解是,下面的样式应该实现跨浏览器的效果:

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

这是IE9和Firefox OK,不过这似乎并没有在IE7或IE8工作...查看:

http://jsfiddle.net/wzUfj/

任何人都可以建议的方式来实现这一目标?

谢谢

--------------解决方案-------------

为了在那些旧的浏览器旋转,你必须使用微软专有的过滤器:

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=VALUE);

一个整数替换值,0-4。

0 = 0度1 = 90度2 = 180度3 = 270度4 = 360度

我不相信你可以做任何其他大于90度的增量,我相信你可能只有每CSS规则一个过滤器。 此外,这是当然的非标准和不会验证,如果这是一个问题。

CSS3转换 - 不支持IE 7和8。

请参阅:http://caniuse.com/#feat=transforms2d

IE8和下面不支持变换。

根据这个教程中,你可以用书面形式,模式,而不是

作为一个额外的疑难杂症,通知IE9旋转只能应用于块元素(如段落,而不是跨越)。

这里是AA小提琴

分类:HTML 时间:2012-01-01 人气:0
分享到:

相关文章

  • 是否有对文件运行的JSLint,W3C验证(包括CSS3和HTML5)在给定的目录中的任何单一的工具? 2012-02-19

    我想一个程序,递归查找指定目录和所有JSLints * .js文件,* .html和* .css文件,并分别W3C验证它们,并打印出发现的所有错误. 此外,它单独JSLints和CSS验证内部嵌入在HTML文件脚本和样式的标签发现任何东西. 我也想这也可能的话使用W3C工具来验证其他不常见的网页内容. 这些工具还应该有共同的JavaScript框架通过为JSLint的选项(例如,它应该能正常使用最新的JQuery). 我在哪里可以买到这样的工具? --------------解决方案------

  • 如何使所有的浏览器IE7,包括后来CSS3和HTML5兼容网站 2013-09-21

    有没有用,我可以建立CSS3,HTML5的网站,是为所有的浏览器IE7,包括和更高版本兼容任何单一的框架? http://html5boilerplate.com/样板会帮助我在这? --------------解决方案------------- 你将永远不会获得IE7或IE8的渲染引擎,实现与HTML5,CSS3等现代技术完全兼容. 他们根本就没有这个能力了. 但也有它可以让你的方式的一部分一些黑客工具和插件. 像Modernizr的工具将允许您检测哪些功能都支持,让您的网站有机会来解决它帮助

  • 是否值得在CSS分离“布局”,“风情” 2014-07-18

    我的一个用CSS最大的麻烦一向是多么棘手适当位置的东西. 现在,不管我如何努力尝试理解的事情,我总是需要几次尝试之前,我能猜出它必须floatted在哪个方向相关内容. 现在,我的问题是,我通常在某些时候有这样的代码: <div class="someContainerThatWillWorkAsALine"> <div class="someOtherContainerThatWillWorkAsAcolumn"> <div clas

  • 如何使响应大小的头部图像中的样板,用CSS3或HTML5? 2014-09-14

    我有骷髅要准确和图像作为我的头设置 <div class="sixteen columns"> <img src="images/shane10in.gif" alt="" /> 并想它来填充宽度和缩小. 我可以使它在HTML弃用的宽度100%的工作,但我试图找到任何CSS3或HTML5,可能是帆布做这个的新方式? 示例站点是shaneofalltrades.com. --------------解决方案---------

  • CSS3布局模块浏览器支持 2012-04-17

    我试图找出哪些浏览器目前(本机)支持CSS3布局模块. 基本上,我正在开发的在那里我可以指定哪些浏览器中使用一个特定的环境,和CSS3将加快开发时间,所以嘿 - 为什么不呢? 什么我专门讲的是 body { display: 'aaa' 'bcd'; } 并能够槽页面元素到像这样的布局: div#div1 { position: a; } div#div2 { position: b; } (DIV1是标题,DIV2是左侧栏) --------------解决方案------------- 我敢

  • 什么是最好的导游或资源用于创建CSS / DIV布局? 2012-05-29

    我们已经发现了一些在网上,但他们都显得有点过时. 好奇的人们认为,用于创建和管理CSS / DIV布局最好的资源(例如,做纯粹的布局在CSS与资料核实 - 不表)? 谢谢! --------------解决方案------------- 我http://compass-style.org/一个巨大的风扇它不仅易使创建布局,但它也改变了你想想CSS编码的方式. http://www.apple.com/safari/ http://www.mozilla.com/en-US/firefox/ ht

  • 重塑WP7的Metro UI的使用CSS3,HTML5和Javascript的外观和感觉 2013-01-08

    是否有任何的例子在那里,可以创建/重新创建共同的Metro UI使用CSS / JavaScript的/ HTML5为Windows Phone 7控件? --------------解决方案------------- 无耻插头:https://github.com/ace-subido/css3-microsoft-metro-buttons尝试使用这个CSS / JS库城域按钮:) 是的,有一些简单的例子在这里: 开发Windows Phone 7的应用HTML5与PhoneGap的 请尝试

  • CSS框架布局不能正常工作在IE 6或以上 2013-05-25

    我试图让使用的DIV模拟框架的CSS网页布局. 我想,有一个固定的高度和宽度延伸和收缩作为页面大小调整一个固定的顶部窗格. (固定的含义,如果用户向下滚动页面,顶部窗格中总是可见的) 下面,我想两列. 左边栏有一个固定的宽度,右边一列绵延的宽度调整窗口大小. 这两列应在必要时有垂直滚动条. 我的代码似乎在Chrome做工精细,但在IE,滚动条不要在左或右列中显示出来. 有什么我可以做些什么来解决这个问题? 也许一些JavaScript告诉IE正确绘制滚动条? 样式: body{ margin:

  • 我怎样才能建立一个基于CSS的布局是100%浏览器兼容的? 2013-11-14

    我们正在创建几个布局关于各种外部和内部网站的过程. 其中一个开发人员正在使用的交换了基于用户代理的CSS文件(一个用于FF,一个用于IE)不那么最好的做法:/其他与基于表格的布局坚持,因为他们的浏览器兼容. 我想一些小的引导到如何使用CSS布局和排列元素. 这一定是浏览器兼容. 网格布局或"CSS框架"不能使用,因为它们不灵活对于什么是被在这里完成. 例如,如果我们考虑到有90个像素宽的图像从外部的设计公司,我们不会以适应他们到60PX宽度网格单元. 而且我们不会调整它们的大小,以适应

  • CSS或布局的问题,在生产验船师 2013-11-29

    形象的 图像B 我有我的布局或我的CSS问题,在我的本地PC. 这是我最初开发与验船师现场. 验船师的输出是一样的图像B.但是,当我部署到服务器和编辑一些CSS和布局,现在的结果是像图像答:我​​不能让它恢复正常. 是具有相同的问题我的人吗?..谁能告诉我是什么引起的?..或者甚至更好,如何解决这一问题?.. XP 非常感谢你提前! 约书亚. --------------解决方案------------- 它现在解决了! 呵呵呵... 只是改变了production.rb config.acti

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.441 (s). 10 q(s)