如何旋转文本(跨浏览器)?
我的代码在FireFox,Opera中起作用:(

我想在IE TOO上旋转文本(_旋转度可以是15到60之间的任意度)

<html>
<head>
<style type="text/css">

#memo
{
width:200px;
word-wrap: break-word;
background-color:yellow;
}
</style>
</head>

<body>
<php
$deg=rand(15,60);
?>

<div id="memo" style="transform:rotate(<?php echo $deg; ?>deg); -moz-transform:rotate(<?php echo $deg; ?>deg);-webkit-transform:rotate(<?php echo $deg; ?>deg);-o-transform:rotate(<?php echo $deg; ?>deg);">Hello</div>
</body>

</html>

最佳答案

这3条规则将使非IE浏览器旋转。

-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);


对于IE,您可以使用过滤器。我在某处见过-ms-transform,但现在似乎找不到。

过滤器用法:http://snook.ca/archives/html_and_css/css-text-rotation

关于html - HTML,CSS,JS中的文本旋转,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/5521952/

10-09 14:05