0

我需要你的建议。

对于电子书网店，我需要显示部分文本和部分“伪”模糊文本：这是我所做的不同测试的示例链接： 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 做什么呢？ 不支持文本阴影，即使在 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）

4

1 回答 1

0

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

  filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=2,color=ff0000);
于 2013-05-22T09:45:57.300 回答