javascript - 一个好的 jQuery 投影插件？

Question

我在业余时间尝试学习 javascript 和 jQuery。我通常在网站上进行实验。当某些元素出现在页面上时，我想实现微弱的阴影效果。这给出了 -

1. 这看起来好像该元素位于页面上的其他元素之上。
2. 并使这个新元素成为值得关注的重要内容。

我如何使用 jQuery 获取它。在某些地方，他们建议使用“图像 Sprite ”。但我想避免为此目的使用图像，因为 -

1. 我不想每次想要为某个新元素制作阴影效果时都打开 photoshop。
2. 图片加载需要时间。因此，一旦该元素出现在页面上，就需要时间来加载图像，那时阴影效果的错觉就会消失。

此外，我听说 CSS3 内置了这种阴影效果。但是有不同的浏览器使用不同的版本。加上 IE* 浏览器占多数。我希望它适用于所有版本的 IE。我怎样才能在大多数浏览器中尽可能统一地获得这种效果。

Answer 1

其他人有 exact same question 就在前一周 两年前。选择的答案是 unmaintained drop shadow plugin从 2007 年开始，但您可能还想看看其他答案。

虽然这是一个见仁见智的问题，但我相信 CSS3 是您最好的选择，它可以为支持它的浏览器提供渐进式增强。这是一组示例投影属性，如 CSS3, Please! 所示。 :

.box_shadow {
     -moz-box-shadow: 0px 0px 4px #333; 
  -webkit-box-shadow: 0px 0px 4px #333; 
          box-shadow: 0px 0px 4px #333; 
}