IE 11中的CSS模糊

小编典典

IE 11中的CSS模糊

css

我一直在尝试在IE 11中获得A CSS模糊效果几个小时，但没有取得任何进展。我尝试使用以下简单的html：

 <!DOCTYPE HTML>
<html>
    <head>
        <style type="text/css">
            .blur{
                -ms-filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='50');
            }
        </style>
    </head>
    <body>

        <img src='http://img3.wikia.nocookie.net/__cb20120627075127/kirby/en/images/0/01/KDCol_Kirby_K64.png' class="blur" />
    </body>

</html>

我也尝试仅使用不带ms前缀的过滤器。这不在Win7上的IE11中无法正常工作。您有什么想法，我可能做错了什么？

阅读 566

2020-05-16

共1个答案

小编典典

filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=‘3’);

他们确实提供了一个称为StackBlur的解决方案（使用JavaScript和Canvases）

它以javascript附件的形式提供，可以从该站点下载。

2020-05-16