2015-04-01 33 views
0
div{ 
    height:100px; 
    width:100px; 
    background:pink; 
    box-shadow: 0px 0px 0px 3px #000; 
} 

上面的CSS工作,但当我做盒阴影:插入0px 0px 0px 3px#000;是不是工作,我也试过box-shadow:0px 0px 0px 3px#000 inset。任何想法?插入框阴影不适用于我的情况?

+2

这是为我工作http://jsfiddle.net/akshay7/tfw0rrtv/ – Akshay 2015-04-01 09:08:02

+0

可以添加*的jsfiddle它*?以及您使用的浏览器是什么? – Vikrant 2015-04-01 09:25:07

+0

试试'box-shadow:0px 0px 0px 3px#000 inset'即删除';'* semicolun *后面是..它会工作:) – Vikrant 2015-04-01 09:33:02

回答

0

尝试与较小数量的参数:

box-shadow: inset 0px 0px 3px #000; 

或指定引擎:

-moz-box-shadow: inset 0px 0px 10px #000000; 
-webkit-box-shadow: inset 0px 0px 10px #000000; 
box-shadow:  inset 0px 0px 10px #000000; 
0

box-shadow属性的语法如下:

box-shadow: none|h-shadow v-shadow blur spread color |inset|initial|inherit; 

你没有为h-shadow和v-shadow设置任何值。这就是为什么你无法看到阴影。
试试这个代码

div { 
 
    box-shadow: 10px 10px 5px #888888; 
 
    height: 100px; 
 
    width: 100px; 
 
}
<div> 
 
</div>