2013-05-01 69 views
-1

所以,我有这个代码的麻烦:CSS3的box-shadow不工作

#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); 

} 

在记事本++的box-shadow不会变灰。这意味着它不起作用? 这是问题的原因之一是,我使用的是:
< DOCTYPE HTML PUBLIC “ - // W3C // DTD XHTML 1.0过渡// EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
作为!DOCTYPE?

+0

您是否在使用Notepad ++的某种浏览器预览插件? Notepad ++本身是一个文本编辑器,而不是浏览器。 – BoltClock 2013-05-01 12:05:15

+0

@BoltClock她的意思是语法没有突出显示 – 2013-05-01 12:06:24

+0

@jesse更新你的记事本++,属性是新的,所以它们要么已经更新,要么需要一段时间,但是如果语法没有在你的记事本中突出显示并不意味着它是错误的,在你的浏览器上测试 – 2013-05-01 12:07:29

回答

1

box-shadow之外的其中一个rgba()都被拼写为rbga()