使用IE浏览器转换图形块(我有ie11)

Question

您好，我正在使用以下代码在我的网站上翻转我的块：

    .tegels {
    /*position:relative;*/
    width:25.2%;
    height:37.4%;
    overflow:hidden;
    float:left;
    margin-top:3.5vw;
    margin-bottom:0px;
    margin-left:4.8%;
    margin-right:2%;
    list-style-type: none;
    display:inline-block;
}
.tegels figure {
    margin:0;
    padding:0;
    position:relative;
    cursor:pointer;
    margin-left:-3vw;
    width:100%;
}
.tegels figure img {
    display:block;
    position:relative;
    z-index:10;
    margin-left:3vw;
    width:100%;
    height:100%;
}
.tegels figure figcaption {
    display:block;
    position:absolute;
    z-index:5;
    margin-left:3vw;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
}
.tegels figure h2 {
    font-family:Garamond, Georgia, serif;
    color:black;
    font-size:2.1vw;
    text-align:center;
    margin-bottom:1vw;

}
.tegels figure p {
    display:block;
    font-family:Garamond, Georgia, serif;
    font-size:1.5vw;
    line-height:1.7vw;
    margin:0;
    color:#fff;
    text-align:center;
}
.tegels figure figcaption {
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:2vw 1vw;
    background-color:rgba(204,204,204, 0.5);
    text-align:center;
    backface-visibility:hidden;
    -webkit-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
    -ms-transform:all .01s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}
.tegels figure img {
    backface-visibility:hidden;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}
.tegels figure:hover img,figure.hover img {
    -webkit-transform:rotateY(90deg);
    -moz-transform:rotateY(90deg);
    transform:rotateY(90deg)
}
.tegels figure:hover figcaption,figure.hover figcaption {
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    transform:rotateY(0)
}

我搜索了 3 个小时寻找解决方案，但找不到。所以这就是为什么我在有史以来最好的网站论坛上问它。哈哈，谢谢你抽出时间为我读这篇文章。我的网站在 www.gester.nl 在线。我寻找针对 Internet Explorer 的代码，但它不适用于我的版本，所以我不知道问题出在我的代码中。

Answer 1

看起来几乎是一个错误，IE11 windows 10与backface-visibility和WebGL。

我已经在以下环境中进行了测试：

• IE10与Windows 8
• IE10 Windows 7
• IE11 Windows 8.1
• IE11与Windows 7

他们都正常工作

请参阅来自 caniuse 的已知问题。

我还没有找到解决方案，但你知道错误是什么。