代码CSS3阴影的最佳方法？

我正在尝试设计这个标题。它稍微突出了一面，给它一个3D效果。请看下面：代码CSS3阴影的最佳方法？

What I'm trying to code.

我试图避免重茬背景图像，性能方面的原因，我喜欢在逐步增强的方式来编码。

我正在考虑将右侧和底部划入边界，但是我可以通过什么技术来获得右手边缘？是否有可能使用CSS3来制作这种设计？

2012-03-23 Steven Wu

那是因为关闭我可以把一些css放在我的头顶：可能需要添加一些供应商前缀，但可以使用到IE7。

编辑：纠正小提琴。

2012-03-23 14:14:18 Christoph

这太棒了！适合我需要的东西。你是一个天才，没有想过使用伪类：之前。感谢您的帮助 – 2012-03-23 14:24:13

@StevenWu再次说明：根据您希望支持哪种浏览器，您需要使用相应的浏览器前缀，对于IE，您需要IE7/6的“MS-Filter”属性+助手标记（它们不能处理伪类）。但在名义（非商业/专业）页面上可以省略IE7 + 6。 – Christoph 2012-03-23 14:44:25

只是意识到这个修补程序在Firefox上不太适用。我甚至试图在-moz前缀，但仍然没有运气 – 2012-03-28 14:27:00

通过这两个方式，边框和阴影，你会有些麻烦，看我的小提琴： http://jsfiddle.net/DoubleYo/nYKn3/

我会尝试的第三种方法枝条：之前把Seconde系列DIV下

2012-03-23 14:14:05 DoubleYo

这与我遇到的同样的麻烦。 – 2012-03-23 14:22:37

回答