我有一个元素,需要在我做的设计垂直.我已经得到了在除IE9之外的所有浏览器中工作的CSS.我使用了IE7和IE8的过滤:

progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

然而,这似乎使我的元素在IE9中是透明的,而CSS3的"转换"功能似乎没有做任何事情!

有人知道IE9中的旋转元素吗?

真的很感谢你的帮助!

W

推荐答案

标准的CSS3旋转应该可以在IE9中工作,但我认为您需要给它一个供应商前缀,如下所示:

  -ms-transform: rotate(10deg);

它可能无法在测试版中工作;如果没有,请try 下载当前的预览版本(preview 7),这是beta版发布的更高版本.我没有测试版本,所以我无法确认它是否在那个版本中.最终发布版本肯定会支持它.

我还可以确认IE9中删除了特定于IE的filter属性.

[Edit]
People have asked for some further documentation. As they say, this is quite limited, but I did find this page: http://css3please.com/ which is useful for testing various CSS3 features in all browsers.

但是在IE9预览版中测试这个页面上的旋转功能导致它相当惊人地崩溃.

不过,我在自己的测试页面中使用IE9中的-ms-transform:rotate()进行了一些独立测试,它工作得很好.因此,我的结论是该功能已实现,但存在一些错误,可能与动态设置有关.

在浏览器中实现特性的另一个有用的参考点是www.canIuse.com--参见http://caniuse.com/#search=rotation

[EDIT]
Reviving this old answer because I recently found out about a hack called CSS Sandpaper which is relevant to the question and may make things easier.

该黑客实现了对旧版本IE的标准CSS transform的支持.因此,现在您可以将以下内容添加到CSS中:

-sand-transform: rotate(10deg);

...让它在IE 6/7/8中工作,而不必使用filter语法.(当然,它在幕后仍然使用过滤器语法,但这使它更易于管理,因为它使用了与其他浏览器类似的语法)

Css相关问答推荐

如何在CSS中使用nextJs来指定基色?

Primeng Angular更改p-dialog背景 colored颜色

CSS媒体查询不显示所需的输出

SCSS - Lighten/Darken 不编译?

Tailwind css break-word 在输入字段中不起作用

Flex & space-around 与内容相交

Nativewind 的某些样式不适用于本机 (Android),但它们适用于网络

如何禁用 Angular Material Pagination 按钮的波纹效果?

Tailwind:如何设置网格的自动填充?

reactjs - 容器中水平行的png图像

使用之前和之后为锚标签添加画笔描边效果

CSS nth-child 表示大于和小于

如何从 表格单元格中创建链接

隐藏元素,但显示 CSS 生成的内容

下拉框中溢出文本的省略号

字体上的 Font-Awesome 错误 404

如何更改 Angular Material 上 mat-icon 的大小?

如何使用 Gulp 复制多个文件并保持文件夹 struct

bootstrap 关闭响应菜单点击

100% 高度减go 标题?