ビデオ要素（CSS）IEのみ

私のデモの中心にいない：クローム/サファリ/ MSエッジ（YES！）で期待どおりhttps://jsfiddle.net/tk14jbry/ビデオ要素（CSS）IEのみ

結果：

私はこの問題は私であると仮定構造：

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

IE 11（以下では気にしない）を動作させるにはどうすればよいですか？あなたはフレックスコンテナ内で、以下のいるposition: relative;

にあなたのCSSであなたのあなたのvideo要素に

（私は.flexboxと映像の間に別の要素を追加する必要はありません）

変更position: absolute;。その要素の絶対的な配置は、コンテナの配置プロパティが正しく機能することを許可しません。

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

変更：

#Kurzfilm video { 
    position: relative; 
}

margin: 0 auto;あなたは、コンテナ上の配向特性を設定したので、それを中央にする必要はありません。 display: inline-block;も不要です。除くすべてのSafariで動作し

2017-10-25 14:59:35

、ビデオはSafariで全く表示されません。

には、以下のBrowserstackで実行されているWindows 10上のIE 11の画面のスナップショットです。 – DavidDunham

position：relativeはSafariとIEの両方で動作するようです... – DavidDunham

絶対位置を取ることで、オーバーレイがビデオの上に表示されるようになりました。そこには、オーバーレイのすぐ下にあります。 –

答えて