2012-01-06 32 views
0

我該如何通過CSS3驗證或執行沒有此代碼的等效項。繼承人的鏈接,以驗證:-moz-box-shadow:0 0 10px rgba(0,0,0,0.3);未通過CSS3驗證程序

和繼承人的一個實例的代碼,(其用過幾次)

#container{ 
    width:640px; 
    height:400px; 
    margin:0 auto; 
    border:5px solid #fff; 
    overflow:hidden; 
    position:absolute; 
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); 
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); 
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); 
} 

回答

4

-moz-box-shadow不是一個有效的CSS3屬性。這是一個供應商擴展,它被添加到Mozilla瀏覽器中,以便人們可以在它成爲標準之前使用它。

+0

是的,這是正確的。所有主流瀏覽器現在都支持實際的css box-shadow定義,因此您可以將其用於任何當前的瀏覽器 – 2012-01-06 23:15:16

+1

要清楚,供應商擴展在規範中並且被允許,但會被標記爲錯誤。 http://www.w3.org/TR/CSS21/syndata.html#vendor-keywords – Rob 2012-01-06 23:29:13

+0

@Rob:它們在語法中,但它們不會被驗證爲標準CSS。儘管如此,您可以讓驗證器在遇到供應商擴展時提出警告而不是錯誤;看到[這個答案](http://stackoverflow.com/a/8470345/106224)。 – BoltClock 2012-01-23 02:23:02