保險絲重疊與透明背景和框陰影元素

Question

我想讓兩個元素排隊和融合 - 就像他們是一個元素 - 通常我會重疊他們一點，他們會很容易看起來像一個元素但我同時使用的元素有一個部分透明的背景，使重疊看起來很滑稽 - 這將是比背景的暗休息，你會看到箱子的影子很清楚

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

我試圖將我的元素完美地排列起來，但是你仍然可以看到陰影顯示出來 - 我也用陰影來表示陰影上的散佈值，但這並不理想，因爲我只需要p元素的藝術沒有影子，就像在一邊的一半，並不是所有的一邊...

我一直在四處尋找，我找不到任何東西，任何人有想法？

編輯：

我還不是很瞭解canvas元素，但會有用帆布做這樣的事情，如戰平卡瓦酒的複雜形狀的方式，躺在那下面的內容？

Answer 1

這裏是我的嘗試：http://jsfiddle.net/Simo990/YxRWp/4/

剛剛刪除的負面緣和頂部陰影。這不是你想要的，但是......希望你喜歡它。

Answer 2

這樣的事情？

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