爲什麼這個CSS不能在IE8中工作？

這適用於Chrome，但不適用於IE8。它應該只是給出一個帶圓角的淺藍色背景和一個投影到div：爲什麼這個CSS不能在IE8中工作？

.ppanel 
{ 
    background-color: rgba(0, 0, 255, .2); 
    color: black; 
    padding: 10px 10px 10px 40px; 
    margin: 10px 20px 20px 20px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px; 
    -moz-box-shadow: 5px 5px 5px black; 
    -webkit-box-shadow: 5px 5px 5px black; 
    box-shadow: 5px 5px 5px black; 
}

來源

2012-06-01 birdus

因爲ie8不支持圓角和陰影（至少與你有CSS） – Sotiris

IE8不支持框陰影屬性（儘管IE9）。您可以使用[CSS3 PIE]（http://css3pie.com/）來使用舊版IE中的某些功能。 – sachleen

感謝您的快速回答，夥計們。我會看看我們是否可以在這個項目中使用IE9。如果沒有，我會研究你所有建議的解決方法。 – birdus

默認情況下Internet Explorer 8不支持圓角。您可以通過使用像CSS3 PIE這樣的工具來獲得想要的結果。

來源

2012-06-01 16:54:32 user1429038

只是想說CSS PIE的重量大概是80Kb，而你所做的只是將體驗擴展到不使用現代瀏覽器的用戶......從而扼殺了網絡的發展。請讓IE7和IE8用戶有一個子體驗，以激發他們升級...請:) –

我知道這個線程在這一點上是3歲，但我覺得有必要提到一些大公司與其他，更重要的東西在他們的盤子上仍然沒有升級默認瀏覽器。現在是2015年，我正在實習的公司仍在使用IE8。這就是我結束這裏的原因。我更喜歡升級，但它不在IT列表的頂部。 – PrinceTyke

Internet Explorer在IE9之前不支持border-radius。你會在這裏找到詳細的信息：http://davidwalsh.name/css-rounded-corners。

來源

2012-06-01 16:54:49 Thor

爲什麼這個CSS不能在IE8中工作？

回答

相關問題