我在<span class="name">
内的<img>
旁边有一个<div>
。在这个跨度内,我有一些文字,我想转90度。但是,当我这样做时(如下面的代码所示),跨度最终位于图像顶部的某个奇怪的位置。
在IE中,文本根本不会旋转。
.name {
display: block;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
关于我如何解决这个问题的任何建议?
答案 0 :(得分:3)
我自己解决了这个问题,我需要做的就是在跨度上放一个固定大小,然后用position:absolute;
将它定位在我想要的位置
答案 1 :(得分:1)
我不确定如何修复它。但它在IE中不旋转的原因是你使用“webkit”和“moz”来旋转 - 这是类似firefox的浏览器特定功能。你必须谷歌获得IE等价物。