doctype - CSS3 ボックスの影が機能しない

Question

だから、私はこのコードに問題があります：

#footer {
position: fixed;
bottom: 0px;
margin: 0;
padding: 0;
left: 0;
right: 0;
width: 100%;
height: 40px;
font-family: Arial;
text-shadow: 1px 1px 1px black;
border-top: 1px solid rgba(0, 0, 0, 0.3);
background: rgba(0, 0, 0, 0.25);
box-shadow: inset 0 1px rbga(255, 255, 255, 0.3), inset 0 10px rbga(255, 255, 255, 0.2),
            inset 0 10px 20px rbga(255, 255, 255, 0.25), inset 0 -15px 30px rgba(0, 0, 0, 0.3);

}

Notepad++ では、box-shadow は灰色になりません。効かないってこと？この問題は、私が次を使用していることが原因ですか: < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional
//EN" " -transitional.dtd ">
doctype として?

Answer 1

rgba()あなたの の1 つを除くすべては、box-shadowスペルが間違っていrbga()ます。