CSS 转换在 IE 8 和 IE7 浏览器中不起作用
CSS Transform not working in IE 8 and IE7 browser
我想在IE7和IE8浏览器中使用css转换旋转范围文本。
<SPAN style="FONT-SIZE: 14px; -ms-transform:rotate(-90deg); FONT-FAMILY: Segoe UI; POSITION: absolute; ZOOM: 1; COLOR: #707070; LEFT: -64px; TOP: 234px; VISIBILITY: visible">Sales Amount in millions(USD)
</SPAN>
上面的代码将在IE9 +和其他浏览器中旋转文本。 但是我怎样才能旋转在IE7和IE8浏览器中工作的跨度文本。
过滤器以支持旧版本
如何使用过滤器旋转跨度元素?
谢谢
湿 婆
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
BasicImage 筛选器的旋转属性可以接受以下四个值之一:0、1、2 或 3,这些值将分别旋转元素 0、90、180 或 270 递减。
css 的一些新属性可以使用 IE 的 filter 属性来实现。例如,如果要进行缩放转换,请使用:
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
以及非IE浏览器的等扩展。但是如果你想把它用于IE 8或更早版本。您应该这样做:
filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.05,M12=0,M21=0,M22=1.05,SizingMethod='auto expand');
您可以使用从
IE 9及以后降级的矩阵过滤。此外,正如他们在此链接中提到的:http://msdn.microsoft.com/en-us/library/ms533014(v=vs.85).aspx
Resizes, rotates, or reverses the content of the object using matrix transformation.
这是另一个链接,让您更轻松:http://www.boogdesign.com/examples/transforms/matrix-calculator.html
90度旋转示例:
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=-1.00000000, M21=1.00000000, M22=0.00000000,sizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=-1.00000000, M21=1.00000000, M22=0.00000000,sizingMethod='auto expand');
-moz-transform: matrix(0.00000000, 1.00000000, -1.00000000, 0.00000000, 0, 0);
-webkit-transform: matrix(0.00000000, 1.00000000, -1.00000000, 0.00000000, 0, 0);
-o-transform: matrix(0.00000000, 1.00000000, -1.00000000, 0.00000000, 0, 0);
相关文章:
- 访问布局信息是否也会导致浏览器重排
- 内部分区字体大小获胜'调整浏览器窗口大小时不会随媒体查询而更改
- 如何使用phaser使html5游戏在移动设备浏览器上运行
- Recaptcha在IE7和IE8中不起作用
- 有时数据是't显示在浏览器中
- Javascript在IE7,8,9中返回控制台错误,但在所有其他浏览器中都能完美运行
- 为什么 ie7 在此代码上显示与其他浏览器不同
- 区分 IE7 浏览器和 IE7 兼容模式下的浏览器
- CSS 转换在 IE 8 和 IE7 浏览器中不起作用
- 多文件上传,支持所有浏览器,特别是ie7,ie8和ie9
- CSS3属性display:box/display:flexbox是否有交叉浏览器(IE7-8)支持的js文件
- 让hashchange事件在所有浏览器(包括IE7)中工作
- ie7、ie8和firefox3.6浏览器脚本错误
- Javascript(如何在IE7浏览器中检查Id是否存在)
- Page有两个脚本.可以在所有浏览器上运行.其中一个在IE7上失败
- 旧浏览器(IE8、IE7、IE6)上HTML5导航定时的替代方案
- jQuery:嵌套可排序项在良好的浏览器中工作得很好,但在IE7中,可排序子项和父项同时拖动
- 如何从IE7以外的所有浏览器中删除js文件?
- 一种测试基于IE7的浏览器是否在线的方法
- 在IE7浏览器jQuery v1.7.1中显示语法错误