融合重叠元素与透明背景和框阴影

Question

我正在尝试使两个元素排成一行并融合 - 好像它们是一个元素 - 通常我会稍微重叠一下它们很容易看起来像一个元素但是我使用的元素都有一个元素部分透明的背景，所以重叠看起来很有趣 - 它会比其他背景更暗，你会非常清楚地看到盒子阴影

http://jsfiddle.net/vbh4u/7/

我已经尝试完美地衬砌我的元素，但是你仍然看到阴影出现了一点 - 我也在盒子阴影上使用负值来表示扩散值，但这并不理想，因为我只需要一部分没有影子的元素，如在一边的一半，而不是所有的一面...

我一直在四处寻找，我找不到任何东西，有人有想法吗？

编辑：

我对canvas元素知之甚少，但是有没有办法用canvas来做这样的事情，就像在cavas上画一个复杂的形状并把它放在内容之下？

Answer 1

这是我的尝试：http://jsfiddle.net/Simo990/YxRWp/4/

刚删除负边距和顶部阴影。这不是你想要的，但......希望你喜欢它。

Answer 2

这样的东西？

http://jsfiddle.net/vbh4u/9/