jquery密集文本阴影和模糊的背景颜色 [英] jquery dense text shadow and blurred background color

问题描述

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

1. I am looking for a way/demo to make extra dense thick text shadow by jquery (cross browser compatible as jquery is.) that might not be possible by simple css. with IE support

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

multiple shadows cover it a bit though. but the problem is I think old browser compatibility issue. and jQuery covers it. thats why wanting a jQuery way.

简单的背景透明度在css中简单易用，但也可以使用透明和模糊效果，以便最后面的图片（或任何内容）不清晰可见

Simple background transparency is easy and simple in css, but making the background color also with a transparent and blurry effect so that the picture (or anything) at the back most is not clearly visible

---

重要提示：

---

Important:

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

I need cross browser compatibility and support for some old browsers, so thats why I choosed jQuery over css

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

过去我看过以上两种情况，但遗憾的是我无法记住哪里。

I saw both of the above in the past but unfortunately I cant remember where.

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

If anyone knows a way or demo, I will be grateful.

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

Note: I do NOT want the css based background or text shadow. sample text shadow that i found a bit close to what i want. its minimum dense though of what i wanted.

推荐答案

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

Here is a more cross-browser implementation of the CSS with stacked shadows!

.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);
}

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

You can use a comma delimited list for text shadows to achieve what you need.

关于DIV的模糊

发现真棒！

http://www.blurjs.com/

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

If that doesn't work, here is a stack overflow answer.

div的背景

此方法使用HTML5，并且遗憾的是与超级旧浏览器不兼容。从根本上说，div需要知道背景，并在顶部覆盖该背景的模糊版本。

This method uses HTML5, and unfortunately won't be compatible with super old browsers. Esentially the div needs to be aware of the background and overlay a blurred version of that background on top.

这篇关于jquery密集文本阴影和模糊的背景颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！