Internet explorer IE中的CSS模糊文本

我使用以下方法使文本具有模糊效果：

HTML:

<h1 class="blur">Blurry text here</h1>

.blur {
    text-shadow: 0 0 2px #333333;
    filter: progid:DXImageTransform.Microsoft.Chroma(color=#333333),
            progid:DXImageTransform.Microsoft.MotionBlur(strength=0, direction=0),
            progid:DXImageTransform.Microsoft.Blur(pixelradius=2);
    color: transparent;
}

这是一个预览版

它在FF、Chrome和IE8中都能完美工作，但在IE11中测试时，文本是不可见的

我知道这是由于

颜色：透明颜色的内容：rgba（0,0,0,0.5），则模糊几乎不可见

我从未想过我必须为IE11找到一个相对于IE8的解决方案，但有人知道这方面的解决方案吗？
IE10及更高版本将文本阴影解读为文本阴影：Xpx Xpx#color

换句话说，你把语法放错了。有关文本阴影的正确用法的更多信息，请参阅

你说：
.blur{
文本阴影：0 0 2px#333333；
过滤器：progid:DXImageTransform.Microsoft.Chroma（颜色=#333333），
progid:DXImageTransform.Microsoft.MotionBlur（强度=0，方向=0），
progid:DXImageTransform.Microsoft.Blur（像素半径=2）；
颜色：透明；
}

放。。。
.blur{
文本阴影：2px2px2p333；
过滤器：progid:DXImageTransform.Microsoft.Chroma（颜色=#333333），
progid:DXImageTransform.Microsoft.MotionBlur（强度=0，方向=0），
progid:DXImageTransform.Microsoft.Blur（像素半径=2）；
颜色：透明；
}

…似乎能解决你的问题

不客气：）
是实现您想要的目标的黑客：

将文本本身“隐藏”到屏幕外，以仅显示阴影：）

似乎是目前唯一的解决方案…
您的代码和我的代码之间的唯一区别是您定义了水平和垂直位置。这没什么区别。正如我在问题中提到的，我使用的透明颜色是导致问题的原因。由于代码定义了水平和垂直位置，文本在IE11的JSFIDLE中变得可见，这仍然是一个改进。