这是带有堆叠阴影的 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/ http://www.blurjs.com/
如果这不起作用,这里有一个堆栈溢出的答案。
模糊div的背景 https://stackoverflow.com/questions/17147029/blur-background-of-a-div
此方法使用 HTML5,不幸的是不兼容超旧的浏览器。本质上,div 需要了解背景并在顶部覆盖该背景的模糊版本。