2016-07-28 7 views
3

Nicht sicher, was los ist, diese Demo funktioniert gut auf Chrome und Firefox, aber nicht IE (nicht einmal auf 11), kann ich nicht debuggen. Ich brauche Hilfe.Hintergrund nicht sichtbar auf IE

In IE diese CSS scheint keine Änderungen reflektieren kann :

.face.back { 
    display: block; 
    color: #000; 
    font-size: 3.5em; 
    background-color: #f6eb34; 
    border-radius: 3px; 
    -moz-transform: rotateY(180deg); 
    -webkit-transform: rotateY(180deg); 
    transform: rotateY(180deg); 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
} 

https://codepen.io/collosic/pen/KsfwD

+0

Ich denke, das Problem ist 'Preserve-3D', IE unterstützt nicht – blonfu

+0

@Blonfu Ich weiß, wie man es dann funktioniert? –

+0

Überprüfen Sie dies: http://jsfiddle.net/Tinclon/2ega7yLt/7/ Ich fand in diesem Thread: http://StackOverflow.com/Questions/13474210/Css3-3D-Flip-Animation-ie10-transform-origini- Preserve-3d-Workaround – blonfu

Antwort