如何让阴影出现在桌面上的边界之间？

Question

编辑：感谢所有的帮助！成品表是在这里：http://jsfiddle.net/MnLkD/

我想获得一个阴影出现其间的边界在此表：

http://jsfiddle.net/g2fy4/

我猜这也许是不可能的，但认为我会问无论如何专家： - P。我曾尝试设置2px的边框间距，无边框，并将投影分配给th和td标签，但它不起作用。

如果任何人有任何想法，我将是输入:-)

#content.postagepage table { 
    margin:0 auto 40px auto; 
    border-spacing:0; 
    -webkit-box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5); 
    -moz-box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5); 
    box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5); 
} 

Answer 1

感激你想达到这样的事： http://img856.imageshack.us/img856/8865/tableim.jpg ？

我唯一的想法目前设置几个绝对定位的div表（但随后表单元格的宽度和高度应设置），以及箱阴影添加到这些div ...

Answer 2

这听起来像你想要这样做？

http://jsfiddle.net/b9chris/sXQvp/

CSS：

div { 
    width: 100%; height: 100%; 
    -webkit-box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5); 
    -moz-box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5); 
    box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5); 
} 

HTML：

<table> 
<tr><td><div>Hi</div></td><td><div>Hi</div></td></tr> 
<tr><td><div>Hi</div></td><td><div>Hi</div></td></tr> 
</table> 

基本上答案是，你不能仅就此发生与TD标记，但你可以换电池标签中的内容像divs，而不是style。

Answer 3

你是什么意思？ （划痕头）

http://jsfiddle.net/g2fy4/2/

我所做的只是改变了黑影从table到td并确保有边框间距的项目。

#content.postagepage table { 
    margin:0 auto 40px auto; 
    border-spacing:3px; 
} 
#content.postagepage td { 
    -webkit-box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5); 
    -moz-box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5); 
    box-shadow:7px 7px 10px rgba(0, 0, 0, 0.5); 
} 

如果要对td元素进行阴影处理，请将其放置在td元素上！