我试图在我的图片上叠加一些旋转的文字,但我遇到了一些困难。这是我没有所有jQuery的代码:http://jsfiddle.net/vCbcz/4/
问题:
filter: alpha(opacity = 30);
添加到我的css中,背景透明度也未显示在Internet Explorer中。编辑:除了旋转文本外,我希望跨度看起来像http://jsfiddle.net/vCbcz/6/。请不要告诉我将文本放在单独的容器中。
答案 0 :(得分:2)
在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
属性。