使用PNG或CSS制作背景阴影？

Question

有人可以看看我的背景阴影吗？链接在这里： link text

我正在尝试为前面的卡片（分层）找到最佳解决方案。

是否有可能让阴影的边缘陷入CSS？

我目前正在使用具有透明度的PNG，我无法让阴影与背景相匹配！

任何建议都会有所帮助。

Answer 1

要使图像排成一行，您可以在css中执行此操作：

#card_main {
  background:url("/img/shadow.png") no-repeat scroll 0 0 transparent;
  margin:0 auto;
  min-height:800px;
  position:relative;
  top:-1px;
  width:980px;
}

虽然你的背景灰色在图像上看起来与背景不同。

Answer 2

你也可以使你的shadow.png只是文字阴影，不包括png中标题和内容区域的背景颜色。

或者，您可以简单地使用webkit和FF的box-shadow css声明。和IE的过滤器。如果您对此解决方案感兴趣，我可以发布一些示例代码。