box-shadow插入内部和外部相同的div

我不能同时在同一个div上同时存在两个方框内部和外部的阴影吗？我试过，但它不工作box-shadow插入内部和外部相同的div

2011-11-01 pahnin

您需要使用逗号两个分开的阴影：http://jsfiddle.net/gryzzly/CWuw8/3/ 您还需要为了增加浏览器特定的前缀这个工作无处不在它的支持：

div { 
    -webkit-box-shadow: 
    10px 10px 10px #000, 
    inset 0 0 10px #000; 
    -moz-box-shadow: 
    10px 10px 10px #000, 
    inset 0 0 10px #000; 
    -o-box-shadow: 
    10px 10px 10px #000, 
    inset 0 0 10px #000; 
    box-shadow: 
    10px 10px 10px #000, 
    inset 0 0 10px #000; 
}

而且您还必须为您指定颜色阴影才能看到它。

来源

2011-11-01 10:50:38

好的，但它在旧的浏览器中工作吗？ – pahnin

你可以看到它在这里的作品：http://caniuse.com/#feat=css-boxshadow –

使用CSS3，你可以有multple箱阴影只是用逗号分隔条件如他们：

box-shadow: 10px 10px 10px, 0 0 10px inset;

你可以有你想要的。

来源

2011-11-01 10:50:41 472084

更新你的小提琴为你：http://jsfiddle.net/CWuw8/4/

来源

2011-11-01 10:54:34 Matijs

box-shadow插入内部和外部相同的div

回答

相关问题