0

我有几个在 Chrome 和 Firefox 中完美运行的侧边标签，但在 IE 中却很混乱。非常感谢有人帮助我。这是他们工作的链接http://www.sgsgrass.co.uk/quotation.php 

color: #FFF;
height: 40px;
width: 200px;
font-size: 24px;
line-height: 40px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
writing-mode: tb-rl;
position: fixed;
top: 30%;
left: 0px;
-moz-transform-origin: 20px;
-ms-transform-origin: 20px;
-o-transform-origin: 20px;
-webkit-transform-origin: 20px;
transform-origin: 20px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-right-radius: 10px;
border-top-width: 4px;
border-right-width: 4px;
border-bottom-width: 4px;
border-left-width: 4px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: rgb(255,255,255);
border-right-color: rgb(255,255,255);
border-left-color: rgb(255,255,255);
4

2 回答 2

1

你失踪了吗

-ms 变换：旋转（90 度）；

于 2012-08-02T16:21:12.113 回答
0

由于 IE 浏览器的问题，我建议您使用图像而不是纯 CSS3。

我已经在 IE8 中测试了这个网站http://www.cssrotate.com/并且 CSS3 转换不起作用。但是，如果您不想要图像，您可以使用filterIE 中的旋转元素。这是LINK1和LINK2。你可以在这里看到很好的演示（在 IE 中打开以查看旋转）。这只是开始，您可以谷歌搜索更多信息。

使用示例：

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

BasicImage 过滤器的旋转属性可以接受以下四个值之一：0、1、2 或 3，它们将分别将元素旋转 0、90、180 或 270 度。

于 2012-08-02T16:35:29.120 回答