CSS3 3D-Würfel wird im Internet Explorer nicht korrekt angezeigt

8

Ich habe gerade versucht, Code zu verwenden, der einen animierten 3D-Würfel erstellt und ein Video auf jede Seite des Würfels legt, aber aus irgendeinem Grund sind einige Seiten des Würfels immer über den anderen, auch wenn dies nicht der Fall ist überhaupt sichtbar sein, besonders beim Abspielen der Videos.
Hier ist ein Demo BTW:
Ссылка HTML:

%Vor%

CSS:

%Vor%

In IE 11:

In Firefox:

Meine Frage: Wie kann ich das beheben?

    
Forivin 08.05.2015, 18:01
quelle

3 Antworten

3

Du warst fast da, es gab nur wenige Tippfehler / Unterschiede zwischen den verschiedenen Browserversionen und ich habe diese behoben.

Ich habe dann den Inhalt getestet und es läuft und sieht gleich aus:

  • Chrome 43
  • FF 37
  • IE 11

Sehen Sie sich die Demo auf Codepen an oder führen Sie das folgende Snippet im Vollbildmodus aus, um die Ergebnis:

%Vor% %Vor%
  

Dies ist das Ergebnis für IE 11.0.9600.17691 (Updates 11.0.17 ) unter Windows 7:

Screenshots zeigen, dass es in IE11 läuft

Und mit einigen der Videos spielen

    
Code Uniquely 23.05.2015 16:54
quelle
1

%Vor% %Vor%

Wird in Chrome nicht gerendert

    
Jainik Patel 25.05.2015 09:43
quelle
0

versuche hinzuzufügen:

&wmode=transparent

im iframe-Link

<iframe style="display:block;" width="300" height="300" src="https://www.youtube.com/embed/srS7SvLV7Bg?list=PL662F41918C22319F&wmode=transparent" frameborder="0" allowfullscreen></iframe>

    
MaGiO 26.05.2015 15:31
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset MH_EXECUTE in MH_DYLIB konvertieren (mach-o)