在IE8和CSS中旋转90度

前端之家收集整理的这篇文章主要介绍了在IE8和CSS中旋转90度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

如何只使用CSS在IE 8及更低版本中旋转90度?

.horizontal {
   display: block;
   width: 300px;
   height: 100px;/*height*/
   background: #FF0000;
   margin: auto;
   margin-top: 110px;
   text-align: center;
   border: 5px solid #000000;

   -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   -o-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   transform: rotate(-90deg);
}
最佳答案
你想使用filter:progid:DXImageTransform.Microsoft.BasicImage(rotation = 3);

CSS

.horizontal {
    display: block;
    width: 300px;
    height: 100px;/*height*/
    background: #FF0000;
    margin: auto;
    margin-top: 110px;
    text-align: center;
    border: 5px solid #000000;

    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    transform: rotate(-90deg);
}

More information on this

原文链接:https://www.f2er.com/css/427597.html

猜你在找的CSS相关文章