css – box-shadow都插入和外面在同一个div上

前端之家收集整理的这篇文章主要介绍了css – box-shadow都插入和外面在同一个div上前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我不能在同一个div上有两个盒子的阴影内外吗?
我已经尝试了,但它不工作

http://jsfiddle.net/CWuw8/

解决方法

您需要使用逗号分隔两个阴影: 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;
}

你还必须为你的影子指定颜色,以便看到它。

原文链接:https://www.f2er.com/css/218326.html

猜你在找的CSS相关文章