Html 有效的图像压缩——CSS

我想知道如何实现以下效果（Mozilla起始页），其中图标看起来“压入”页面。这是可以通过CSS实现的，还是纯粹的photoshop操作和背景颜色匹配

---

这应该可以解决问题，您可以随意使用您认为合适的颜色：

div {
    box-shadow: 0 1px 1px 0 #C7C7C7 inset;
    background: none repeat scroll 0 0 #E9E9E9;
}

---

您当前如何显示图标？透明图像还是非透明图像？SVG，图标字体？…是否可以提供一个示例？假设这些图标是图像，我不确定这些图标将如何工作。我建议他使用图标库

I

，并将样式应用于图标，而不是使用图像。这些精灵非常常见，如果他使用的是图标字体，那么他就可以使用

文本阴影

而不是

框阴影

@mlegg，这不是西奥多想要的外观