开发者社区> 问答> 正文

backface-visibility:hidden 不支持IE么?有没有别的解决办法

.rBox{
    width: 300px;
    height: 300px;
    transform: perspective(400px) rotateX(0deg);
    position: relative;
    transition: transform .5s;
    transform-style: preserve-3d;
}
.f,
.b{
    backface-visibility: hidden;
}
.rBox:hover {
    transform: perspective(400px) rotateX(180deg);
}

展开
收起
a123456678 2016-03-11 13:35:44 2258 0
1 条回答
写回答
取消 提交回答
  • Do not use the Microsoft vendor prefix ("-ms-") before the backface-visibility property. It is supported unprefixed in Internet Explorer 10 and later.
    根据Modern IE的资料,不被支持的是transform-style: preserve-3d;。IE全系列均不支持preserve 3d,到了Edge才被支持。

    Internet Explorer 10 does not support the preserve-3d keyword. You can work around this by manually applying the parent element’s transform to each of the child elements in addition to the child element’s normal transform.

    2019-07-17 18:59:03
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载