我需要你的建议。
对于电子书网店,我需要显示部分文本和部分"伪"模糊文本:以下是我所做的不同测试的示例链接:http://dokumente-online.com/test-blur.html
这应该只用作效果,所以后面的文本应该有实际文本的结构(字体大小,章节),但实际上它只是"lorem ipsum"或其他什么。它应该只告诉客户"还有更多,它看起来像这样"
第一个想法是:一个模糊的图像。缺点:总是相同的图片,如果文本格式不同,可能会造成误解。
对于CSS3,我可以使用这种模糊效果,它在大多数现代浏览器上都能很好地工作: <>之前的颜色:rgba(94、94、94,0);Text-shadow: 0 0 11px rgba(50,50,50,0.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插件,我需要一些工作之前(白色textcolor javascript设置为黑色第一)
use filter过滤器接受三个参数:颜色、方向和强度。以方向为角度,为了近似2px X和2px Y的偏移量,方向为135度(135度等于90度加45度),强度为2
filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=2,color=ff0000);