编码CSS3阴影的最佳方法？

我正在尝试设计这个标题。它稍微弹出带有阴影的一侧，使其具有3D效果。请参阅下文：

出于性能原因，我尽量避免裁剪背景图像，并且我喜欢以渐进增强的方式编写代码

---

我想把右边和底部做成一个边框，但是我能用什么技巧来获得右边的边缘呢？是否可以使用CSS3生成此设计

使用双向、边界和阴影，您会遇到一些麻烦，看看我的小提琴：

---

我将尝试使用E的第三种方法：在使用双向、边框和阴影设置第二个div之前，您会遇到一些问题，请看我的小提琴：

---

我将尝试使用e的第三种方法：在将第二个div放在

下面之前，我可以将一些css从头顶扔到一起： 可能需要添加一些供应商前缀，但在IE7之前有效

---

编辑：修正了小提琴。

这是我能从头顶上扔掉一些css的最接近的地方： 可能需要添加一些供应商前缀，但在IE7之前有效

---

编辑：修正了小提琴。

这是我遇到的同样的麻烦。这是我遇到的同样的麻烦。这太棒了！非常适合我的需要。你是个天才，以前没有想过使用伪类。谢谢你的邀请help@StevenWu同样：根据您想要支持的浏览器，您需要相应的浏览器前缀，对于IE，您需要IE7/6的

MS Filter

property+helper标记（它们不能处理伪类）。但是IE7+6在nomral（非商业/专业）页面上可以省略。要知道这个补丁在Firefox上不太管用。我甚至尝试输入-moz前缀，但仍然没有luck@StevenWu修正小提琴。我想你可以自己做这件事……；）你是怎么解决的？它现在在Firefox中工作。还有为什么“边框：5px纯红；”隐藏阴影？当它是红色而不是白色的时候？这太棒了！非常适合我的需要。你是个天才，以前没有想过使用伪类。谢谢你的邀请help@StevenWu同样：根据您想要支持的浏览器，您需要相应的浏览器前缀，对于IE，您需要IE7/6的

MS Filter

property+helper标记（它们不能处理伪类）。但是IE7+6在nomral（非商业/专业）页面上可以省略。要知道这个补丁在Firefox上不太管用。我甚至尝试输入-moz前缀，但仍然没有luck@StevenWu修正小提琴。我想你可以自己做这件事……；）你是怎么解决的？它现在在Firefox中工作。还有为什么“边框：5px纯红；”隐藏阴影？什么时候是红色而不是白色？