2012-01-06 23 views
0

このコードを使わずに、CSS3検証をパスするか、同等のことをすることができますか?相続人はバリへのリンク:-moz-box-shadow:0 0 10px rgba(0、0、0、0.3); CSS3 Validatorをパスしない

とHERESに1つのインスタンス内のコード、(その数回使用)

#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ボックスシャドウ定義をサポートしているので、現在のブラウザのどれにでも使用できます。 –

+1

明確にするため、ベンダー拡張は仕様書にありますが、エラーとして警告されます。 http://www.w3.org/TR/CSS21/syndata.html#vendor-keywords – Rob

+0

@Rob:彼らは文法に慣れていますが、標準のCSSとしては検証されません。ただし、ベンダ拡張機能に遭遇したときにバリデータがエラーではなく警告を発するようにすることができます。 [この回答](http://stackoverflow.com/a/8470345/106224)を参照してください。 – BoltClock

関連する問題