gpt4 book ai didi

html - IE8 CSS 旋转

转载 作者:太空狗 更新时间:2023-10-29 14:13:14 25 4
gpt4 key购买 nike

我正在寻找 IE8 中旋转元素的 CSS 解决方案。我发现的一些解决方案说它应该在 IE8 中工作,但它不适合我。我做错了什么?

这是我尝试过的:

<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
.rotate {
font-weight: bold;color: #000;background: #aa0;display: block;margin: 0 auto;width: 300px;height: 300px;top: 10%;text-align: center;line-height: 300px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
</style>
</head>
<body>
<div class="rotate">
TESTING ROTATION
</div>
</body>
</html>

如果您在回答之前测试您的解决方案,我将不胜感激,如果您可以编辑我给定的示例并重新发布所有代码,那就太好了。

[编辑]如果有人仍然好奇问题不是代码,而是测试环境。你应该使用真正的 IE8,而不是 IE10/IE11 中的 IE8 模拟器(不确定 IE9)

最佳答案

您缺少 IE 供应商前缀 -ms-

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

所以,用这个

-ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* for IE8 */

再看看这个问题:CSS rotate property in IE可能对你有帮助

关于html - IE8 CSS 旋转,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19176169/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com