当前位置: 首页 > 面试题库 >

IE 11中的CSS模糊

竺鸿骞
2023-03-14
问题内容

我一直在尝试在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中无法正常工作。您有什么想法,我可能做错了什么?


问题答案:

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

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

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



 类似资料:
  • 我需要在svg图像上使用滤镜来改变颜色,但它在IE上不起作用。 我看了一下,发现这是因为它不受支持,但我需要另一种方法来做到这一点。我需要更改颜色,填充不是一个选项。有没有办法让过滤器在IE上工作? 滤镜:亮度(0)饱和(100%)反转(100%)棕褐色(0%)饱和(25%)色调-旋转(70度)亮度(108%)对比度(108%);

  • 我有一个有3列的网格。问题是第3列比其他两列更宽。都不是 网格-模板-列:重复(自动拟合,最小(33.33%,1fr)); 也不 网格自动列:33%; 工作,因为IE11不支持自动拟合和网格自动列。 在IE11中有没有替代的方法来实现这一点呢?多谢了。

  • 问题内容: 在IE 11中,ToLocaleDateString()获得了有趣的结果。返回的字符串在浏览器中看起来不错,例如“ 1/28/2014 11:00:46 AM”,但是如果我将该值复制并粘贴到纯文本编辑器中,它看起来像这样:“?1?/? 28?/?2014?11?:?00?:?46??AM”。 有趣的是,如果我将文本粘贴到Microsoft产品中,看起来还不错…问题是,如果您尝试以编程方

  • 我有一个问题,一个浏览器只适用于以下代码段,它适用于和但同一字体不适用。 @font-face{font-family:“universltw10-67boldcn”;src:url(“/dv2/2/DE8453E9-B2A6-4554-BF75-5F0FF5A2E236.eot?D44F19A684109620E484167FA390E818AAEF8109CDD42F911F1F1944C6F

  • 我在IE11中遇到CSS网格的问题。(啊,很震惊吧?)我有一个有两列的网格。第一列是表单的标签,第二列是and Elements。输入元素都有一个size属性来控制它们的长度。使所有输入都具有相同宽度的现代外观并不适合我们其他软件的外观。这在Chrome中都起作用,但在IE11中,input和select元素都被强制为相同宽度。 下面是它的样子。Chrome在左边,IE11在右边。 下面是一个示例

  • 问题内容: 我正在混合Web浏览器环境(Chrome/IE11)中开发网页。IE11不支持CSS变量,是否存在可以让我在IE11中使用CSS变量的polyfill或脚本? 问题答案: 是的,只要您正在处理根级自定义属性(IE9 +)。 GitHub NPM 演示 从自述文件: 特征 客户端将CSS自定义属性转换为静态值 在现代和旧版浏览器中实时更新运行时值 变换,和CSS 将相对路径转换为绝对UR