定位旋转跨度css

Question

我在<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);
}

关于我如何解决这个问题的任何建议？

Answer 1

我自己解决了这个问题，我需要做的就是在跨度上放一个固定大小，然后用position:absolute;将它定位在我想要的位置

Answer 2

我不确定如何修复它。但它在IE中不旋转的原因是你使用“webkit”和“moz”来旋转 - 这是类似firefox的浏览器特定功能。你必须谷歌获得IE等价物。