Question

我正在寻找一种方法/演示来通过 jquery （交叉浏览器兼容为jquery是。）来制作额外密集的厚文本阴影，这可能不可能通过简单的CSS 。与IE支持

多个阴影覆盖了一点。但问题是我认为旧的浏览器兼容性问题。和jQuery涵盖它。这就是为什么想要一个jQuery方式。
简单的背景透明度在css中既简单又简单，但使背景颜色也具有透明和模糊效果，以便图片（或任何内容）在后面最不明显

重要的：

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

可能就像在Windows 7标题栏中一样？

过去我看到了上述两种情况，但不幸的是我无法记住在哪里。

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

注意：我不想要基于CSS的背景或文本阴影。示例文本阴影，我发现有点接近我想要的。尽管我想要它的最小密度。

enter image description here

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需要了解背景并在顶部覆盖该背景的模糊版本。

Answer 2

这显然是可行的，但仅限于WebKit浏览器，通过

-webkit-filter: blur(123px);
filter: blur(123px);

See this demo并调整模糊属性。

Answer 3

实际上，使用简单的CSS3很容易做到，只需叠加阴影就可以使它们变得更加强烈。可能是一个更好的解决方案，但这很好，很容易做到。此外，如果您使用Less / Stylus，您可以使用Less / Stylus来更好地控制文本阴影强度。

.blur { color: black; text-shadow: 0 0 5pt black, 0 0 10pt black, 0 0 15pt black; }

至于模糊的背景，我看到另一个答案已经解决了：）

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

3 个答案: