我正在尝试创建一种效果，显示div类型消失在内容背景中。这个想法是有一个简单的边界：1px＃000 solid;在div的顶部和底部，然后左边和右边的一个大的插入阴影给出div继续回到页面后面的外观，好像在div中可以穿过的背景中有一个切口。
Box-shaodw目前只在所有方面工作。所以我需要一种方法来在左右两侧获得一个大阴影，但仍然能够访问阴影下的内容。那是css阴影的荣耀，你可以。图像根本不起作用，因为那样你就无法在它下面点击。
这篇文章的某些人建议使用border-image并将css3渐变放入其中。它伤害了我的大脑，当我试图将一个css3渐变放入div的一侧边框时，我开始变得非常困惑。
有人可以帮忙吗？
这是页面，如果你想看看。我正试着在图像滑块上做这个。
答案 0 :(得分：3)
你可以有多个盒子阴影，逗号分隔。我想你很容易从这里弄明白，如果不是我可以详细说明。
答案 1 :(得分：1)
看看solution proposed here。他们伪造了具有多种边框颜色的渐变，您可以使用rgba（）来模拟透明度。
您将无法拥有干净的跨浏览器实施，因为Firefox 5仍然需要实际的url() parameter for the border image attribute。
您最好的选择是使用CSS masks（仅限Webkit）
答案 2 :(得分：1)
Here I tried styling surrounding elements将阴影放在内容上。它并不漂亮且难以扩展，但我认为它看起来就像你描述的那样。
它使用侧面的w潜水来添加横向阴影，并在底部使用额外的div来覆盖div的下阴影。