文本模糊的最佳解决方案 + 所有浏览器支持 - 后备想法？

Question

我需要你的建议。

对于电子书网店，我需要显示部分文本和部分“伪”模糊文本： 这是我所做的不同测试的示例链接： http://dokumente-online.com/test-blur.html

这应该仅用作效果，因此后面的文本应该具有真实文本的结构（字体大小，章节），但实际上它只是“lorem ipsum”或其他。它应该只告诉客户“还有更多，看起来像这样”

第一个想法是：一个模糊的图像。 缺点：始终是同一张图片，如果文本格式差异很大，可能会产生误导。

借助 CSS3，我可以使用这种在大多数现代浏览器上都能正常工作的模糊效果：

`颜色：rgba(94,94,94,0);
  文本阴影：0 0 11px rgba(50,50,50, .7);`

目前适用于 chrome、firefox、safari 和 opera。

但是我可以用通常紧张的 Internet Explorer 做什么？ 不支持 text-shadow，即使在 IE10 上也不支持 RGBa()。

目前我用 browsershot.org 进行测试，这让我很困惑： http://browsershots.org/http://dokumente-online.com/test-blur.html 看起来在 IE8 和 IE9 上都没有任何模糊效果，而在 IE10 上，即使是 RGBa（第一个版本）也应该可以正常工作。但它不适用于我的 Windows 7 系统（也许在 Windows 8 上可以？？）。 我看到 filter:blur 可能在 IE8 和 IE9 中工作（但我只能在 IE10 版本中测试它）

你有没有遇到过类似的问题？有一个完全不同的解决方案？

即使没有 javascript，它也必须工作，所以如果我使用 jquery 插件，我需要先解决一些问题（javascript 首先设置为黑色的白色 textcolor）

Answer 1

使用过滤器过滤器接受颜色、方向和强度三个参数。方向作为角度，为了近似 2px X 和 2px Y 偏移，方向为 135 度（135 度为 90 度加 45 度），强度为 2

  filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=2,color=ff0000);