html设置旋转中心兼容ie,IE中的CSS旋转属性

要在IE中旋转45度，您需要样式表中的以下代码：filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475,

M21=0.7071067811865475, M22=0.7071067811865476); /* IE6,IE7 */-ms-filter: "progid:DXImageTransform.Microsoft

.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";

/* IE8 */

您将从上面注意到，IE8的语法与IE6/7不同，如果要支持所有版本的IE，则需要提供这两行代码。

那些可怕的数字是以弧度表示的；如果你想使用45度以外的角度，你需要自己计算出这些数字。教程如果你在网上寻找他们)。

还请注意，由于过滤器字符串中未转义的冒号符号，IE6/7语法会给其他浏览器带来问题，这意味着它是无效的CSS。在我的测试中，这会导致Firefox忽略过滤器之后的所有CSS代码。这是你需要注意的事情，因为如果你被它抓住，它可能会造成数小时的混乱。我解决了这个问题，将IE特定的内容放在单独的样式表中，而其他浏览器并没有加载这些样式表。

所有其他当前浏览器(包括IE9和IE10-耶！)支持CSS 3transform样式(尽管通常带有供应商前缀)，因此您可以使用以下代码在所有其他浏览器中实现相同的效果：-moz-transform: rotate(45deg); /* FF3.5/3.6 */-o-transform: rotate(45deg); /* Opera 10.5 */-webkit-transform: rotate(45deg);

/* Saf3.1+ */transform: rotate(45deg); /* Newer browsers (incl IE9) */

希望能帮上忙。

编辑

由于这个答案仍在上升，我觉得我应该用一个名为JavaScript库的信息来更新它。CSS砂纸这允许您使用(接近)标准CSS代码进行轮转，即使在较旧的IE版本中也是如此。

将CSS沙纸添加到站点之后，您应该能够为IE6-8编写以下CSS代码：-sand-transform: rotate(40deg);

比传统的容易得多filter你通常需要在IE中使用的风格。

编辑

还请注意另一个特别适用于IE9(只支持IE9)的怪癖，它支持这两种标准。transform和老式IE-ms-filter..如果两者都指定了，这可能会导致IE9完全混淆，并且只呈现一个元素所在的坚实的黑匣子。这方面的最佳解决方案是避免使用filter风格采用上述砂纸填充。

html设置旋转中心兼容ie,IE中的CSS旋转属性相关推荐

php 中margin-top,css margin-top属性怎么用
css margin-top用于在网页中设置元素的上外边距,比如:margin-top: 50px:允许使用负值,所有主流浏览器都支持 margin-top 属性. css margin-top属性怎 ...
jquery 样式获取设置值_jQuery获取样式中的背景颜色属性值/颜色值
天使用jQuery获取样式中的background-color的值时发现在获取到的颜色值在IE中与Chrome.Firefox显示的格式不一样,IE中是以HEX格式显示#ffff00,而Chrome. ...
frontpage怎么设置html5,怎么在Frontpage中运用css设置网页字体
在Frontpage2000下,选择菜单"格式/样式",会弹出一个定义样式的窗口,在CSS列表下拉菜单(位于左下)中,选"所有的HTML标记", 这时在左边的列 ...
html中设置字体字型,html中如何在font中设置字体样式（粗体斜体等）
html> 字体加粗用<b>加粗字体:加粗用<strong>加粗字体:加粗用CSS font-weight 加粗 normal(400), bold(700) ...
css汉字注释乱码,css font-family属性设置中文字体乱码
一般设置字体,个人都喜欢用中文,比如:font-family:"微软雅黑":但是偶尔会出现设置以后字体显示乱码的问题解决方法[1]: 看看你的CSS文件的第一行有没有:@char ...
计算机操作系统的加密与恢复,当在 Windows中设置 FIPS 兼容策略时，BitLocker 的恢复密码Windows...
当在 Windows中设置 FIPS 兼容策略时,BitLocker 的恢复密码Windows 04/15/2021 本文内容本文讨论由于 BitLocker 的恢复密码与 Windows FIPS ...
html打开新窗口设置窗口属性,HTML之：让网页中的a标签属性统一设置-如‘新窗口打开’...
在开发过程中,我们往往想在页面中,给设置一个统一的默认格式,例如我们想让链接:"在新窗口打开",我们就可以使用标签在网页中添加这段代码: [注解] 标签为页面上的所有链接规定默认 ...
html浏览器兼容moz,webkit_css3中-moz、-ms、-webkit各什么意思
css3中-moz.-ms.-webkit各什么意思 -moz代表firefox浏览器私有属性 -ms代表IE浏览器私有属性 -webkit代表chrome.safari私有属性扩展我知道了,谢谢 ...
win10兼容模式怎么设置_系统不兼容怎么办 Bios设置ide兼容模式
ide是一种硬盘接口,它适用于旧版系统或部分ghost系统,xp系统就必须要将ahci更改为ide兼容模式才可以正常安装系统.我们在遇到系统不兼容时,可以将ahci改成ide模式!那bios怎么设置i ...

html设置旋转中心兼容ie,IE中的CSS旋转属性

html设置旋转中心兼容ie,IE中的CSS旋转属性相关推荐

最新文章

热门文章