비디오 요소가 IE에서만

Question

내 데모를 중심으로하지 : 크롬/사파리/MS 에지에서 예상대로 https://jsfiddle.net/tk14jbry/

결과 (예!) :

나는 가정 문제는 내 구조 :

<div class="flexbox"> 
    <video width="320" height="240">... 
    </video> 
</div> 

어떻게하면 IE 11을 작동시킬 수 있습니까?

당신은 플렉스 컨테이너 내에서 다음 한 position: relative;

에 CSS에 비디오 요소에

Answer 1

변경 position: absolute; (나는 .flexbox 및 비디오 사이에 다른 요소를 추가하지 마십시오). 해당 요소의 절대 위치 지정은 컨테이너의 정렬 특성이 올바르게 작동하는 것을 허용하지 않습니다. 에

#Kurzfilm video { 
    margin: 0 auto; 
    display: inline-block; 
    position: absolute; 
} 

변경 :

#Kurzfilm video { 
    position: relative; 
} 

margin: 0 auto;는 컨테이너의 맞춤 속성을 설정 한 이후 중앙 필요가 없습니다. display: inline-block;도 필요하지 않습니다. 모든하지만 사파리 작동