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不会灰显。意思是它不起作用？这个问题是因为我使用了一个：
＆LT; ！DOCTYPE html PUBLIC“ - // W3C // DTD XHTML 1.0 Transitional // EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd” ＆GT;
作为doctype？

Answer 1

rgba()中box-shadow以外的所有rbga()作为{{1}}拼写错误。

CSS3 Box-shadow无效

1 个答案: