javascript - jquery密集的文本阴影和模糊的背景颜色

Question

1. 我正在寻找一种方法/演示，通过 jquery(与 jquery 一样跨浏览器兼容。)制作额外密集的厚文本阴影，这可能不是通过简单的 css 实现的. 支持 IE

   虽然有多个阴影遮住了它。但问题是我认为旧的浏览器兼容性问题。 jQuery 涵盖了它。这就是为什么需要 jQuery 方式。

2. Simple background 透明度在 css 中很容易和简单，但是使背景颜色也具有透明和模糊效果，以便图片(或任何东西)后面大部分看不清楚

---

重要:

我需要跨浏览器兼容性和对一些旧浏览器的支持，所以这就是我选择 jQuery 而不是 css 的原因

---

可能就像windows 7的标题栏一样？

我以前见过以上两个，但不幸的是我不记得在哪里。

如果有人知道方法或演示，我将不胜感激。

注意:我不想要基于 css 的背景或文本阴影。 我发现有点接近我想要的示例文本阴影。它的最小密度虽然是我想要的。

Answer 1

这是一个跨浏览器的带有堆叠阴影的 CSS 实现!

.blur { 
    color: black;

    /* Chrome, Firefox 3.5+, IE 10+, Opera 9+, Safari 1+ */
    text-shadow: 0 0 15px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,1);

   /* The webkit implementations to support more SOME older browsers */
   -moz-text-shadow: 0 0 15px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,1);
   -webkit-text-shadow: 0 0 15px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,1);
   -khtml-text-shadow: 0 0 15px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,1);
}

您可以为文本阴影使用逗号分隔列表来实现您的需要。

关于 DIV 的模糊处理

发现了一些很棒的东西!

http://www.blurjs.com/

如果这不起作用，这里是堆栈溢出答案。

Blur background of a div

此方法使用 HTML5，不幸的是不兼容超旧浏览器。本质上，div 需要了解背景并在顶部覆盖该背景的模糊版本。