我已經在我的代碼在IE

<div class="mask">         
    <video class="circleVideo" id="video" width="423" height="423" autoplay="autoplay" style="border-radius: 220px;"> 
    <source src="videoconv/loginVideo.mp4" type="video/mp4" /> 
    <source src="videoconv/loginVideo.ogv" type="video/ogg"> 
    <source src="videoconv/loginVideo.webm" type="video/webm"> 
    Your browser does not support the video tag. 
    </video> 
</div>

這裏使用的視頻標籤HTML5視頻標籤我增加了一些CSS的視頻和股利。

 border-radius: 220px; 
     height: 423px; 
     width: 423px; 
     overflow: hidden; 
     position: absolute; 
     top: 198px; 
     right: -416px; 
     background-color: rgba(255,163,25,0.3); 
     -webkit-border-radius: 220px; 
     -moz-border-radius: 220px; 
     -ms-border-radius: 220px; 
     -o-border-radius: 220px; 
     /*clip: rect(1px, 423px, 423px, 0);*/ 
     -khtml-border-radius: 220px; 
     -webkit-mask-image: url(../images/mask_img.png); 
    } 


    .circleVideo { 
     width: 582px; 
     border-radius: 220px; 
     margin-top: -33px; 
     margin-left: -74px; 
     height: 488px; 
    }

這是我加入了爵士，這讓我看到這個IE：

html5media.min.js

我不能到CSS適用於IE瀏覽器的視頻。它在Chrome和Firefox和Opera中正常工作。

我還應該做些什麼以使視頻也出現在IE中的一個圓圈內？

來源

2014-03-24 Akanksha

什麼IE版本？ – reto

IE可能會非常棘手邊框圓角，看來有人也有類似的問題：here

有對CSS3的兼容性預IE9一些解決方法，很多人會建議Modenizer - 一個超級簡單的方法是嘗試CSS3Pie

來源

2014-03-24 14:21:06 notchris

檢查@reto推薦的IE版本。

請注意，早期版本的IE中不存在border-radius。如果您希望支持它們，您可能必須編寫針對早期版本IE的樣式。
檢查IE中的元素以確保您所設計的元素確實存在。

根據您正在使用的IE版本多老，我會建議採取漸進增強¹方法。

參考

逐步增強：http://en.wikipedia.org/wiki/Progressive_enhancement

來源

2014-03-24 15:43:44 pygeek

在IE

回答

參考

相關問題