如何旋转文本(跨浏览器)?
我的代码在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/