css - 使用 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;
}

尽管图像中的背景灰色似乎与背景不同。