定位旋转跨度css

时间:2011-06-20 11:48:12

标签: html css

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

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

In IE In chrome

2 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:1)

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