Html 使用CSS从其原始左上角（而不是中心轴）垂直旋转

如何在IE8上垂直旋转文本+

我想要垂直旋转的元素是绝对定位的，并且需要位于相同的位置

<div id="parent">
   <div id="child_1">
   </div>

   <div id="child_2">
   </div>
</div>

---

有一个黑客IE8使用过滤器，但这需要为IE单独定位元素，但我可以接受这一点

IE8：

IE9+：

---

IE8不支持CSS转换。在IE9+中，可以使用CSS3属性转换原点：左上；

#parent {
position: absolute;
width: 300px;
height: 300px;
}

#child_1 {
postion: absolute;
top: 250px;
left: 50px;
width: 100px;
height: 10px;
}

#child_2 {
postion: absolute;
top: 200px;
left: 10px;
width: 100px;
height: 10px;
}

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 

-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);