将阴影仅应用于
的两侧。可能与CSS3渐变和边框图像有关?

| 我正在尝试创建一种效果,该效果显示div消失在内容背景中。这个想法是有一个简单的边框:1px#000实心;在div的顶部和底部,然后在左右各有一个较大的插入阴影,以使div看起来像是在div可以通过的背景中继续前进。 Box-shaodw当前仅一次可在所有方面使用。因此,我需要一种在左侧和右侧获得较大阴影的方法,但仍然能够访问阴影下方的内容。可以,这就是CSS阴影的荣耀。图片根本无法使用,因为那样一来您将无法单击它。 这篇文章中的某人建议使用border-image并将css3渐变放入其中。它伤害了我的大脑,当尝试在div一侧的边框中放置css3渐变时,我开始感到非常困惑。 有人可以帮忙吗? 如果您想看一下,这里是页面。我正在尝试在图像滑块上执行此操作。 http://designsweeter.com/     
已邀请:
        您可以有多个框阴影,以逗号分隔。我想您可以很容易地从这里弄清楚,如果不能,我可以详细说明。     
        看一看这里提出的解决方案。他们伪造具有几种边界颜色的渐变,您可以使用rgba()来模拟透明度。 您将无法使用干净的跨浏览器实现,因为Firefox 5仍需要边框图像属性使用实际的url()参数。 最好的选择是使用CSS蒙版(仅适用于Webkit)     
        在这里,我尝试对周围的元素进行样式设计,以使内容蒙上阴影。它虽然不漂亮,而且很难扩展,但我认为它看起来像您所描述的。 它在侧面使用w俯冲来添加横向阴影,在底部使用一个额外的div来覆盖div的下部阴影。     

要回复问题请先登录注册