CSS文本轮换

Question

我试图在我的图片上叠加一些旋转的文字，但我遇到了一些困难。这是我没有所有jQuery的代码：http://jsfiddle.net/vCbcz/4/

问题：

• 旋转后范围与div不对齐
• 即使已定位范围且我已将filter: alpha(opacity = 30);添加到我的css中，背景透明度也未显示在Internet Explorer中。

编辑：除了旋转文本外，我希望跨度看起来像http://jsfiddle.net/vCbcz/6/。请不要告诉我将文本放在单独的容器中。

Answer 1

在Firefox上设置left:-25px;为我修复了它。请参阅here。

修改
关于IE，你的alpha过滤器没有被应用的原因是因为你的第二个filter:正在覆盖你的第一个。如果你想要同时应用它们，你可以将它们放在由空格分隔的同一filter:中：
filter: alpha(opacity = 30) progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

我注意到在IE中，left:-25px;使情况更糟，所以也许你必须做一些条件评论或CSS黑客来解决它。 （恶心！）

只是警告，这在Opera中根本不起作用。

编辑2
Here's我的修改是修复IE的错误并支持Opera以及可能的其他浏览器，如果它们支持CSS3 transform属性。