2

  1. 我正在寻找一种方法/演示来通过 jquery 制作额外密集的粗文本阴影（与 jquery 兼容的跨浏览器。）这可能无法通过简单的 css 实现。 有 IE 支持

    多个阴影覆盖了它一点。但问题是我认为旧浏览器的兼容性问题。和 jQuery 涵盖了它。这就是为什么想要一种 jQuery 方式。

  2. 简单的背景透明度在css中简单易行，但是使背景颜色也具有透明和模糊的效果，以使最后面的图片（或任何东西）不清晰可见

重要的：

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

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

我在过去看到了上述两个，但不幸的是我不记得在哪里。

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

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

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

4

3 回答 3

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/

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

模糊 div 的背景

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

于 2013-07-26T13:59:25.080 回答
0

这显然是可能的，但仅在 WebKit 浏览器上，通过

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

查看此演示并调整模糊属性。

于 2013-07-25T22:56:36.920 回答
0

实际上，使用简单的 CSS3 很容易做到这一点，只需将阴影叠加起来，使它们更加强烈。在某个地方可能是一个更好的解决方案，但这很好用并且很容易做到。此外，如果您使用 Less/Stylus，您可以使用它创建一个函数来更好地控制文本阴影强度。

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

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

于 2013-07-25T22:57:37.077 回答