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

CSS筛选器无法在Firefox中使用

安毅
2023-03-14
问题内容

我正在尝试CSS过滤器,但在我的Firefox(15.0)浏览器中不起作用。

HTML:

<div class="google">
     <img src="https://www.google.com/images/srpr/logo3w.png">
</div>

CSS:

.google{   
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
}

问题答案:

GrayScale具有使用-moz-filter在Firefox中运行的限制。

要使其正常工作,请使用以下代码段:

filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */


 类似资料:
  • 我的JUnitRunner无法选择具有JBehave中指定的meta标记的场景。 以下是我的故事: 下面是我的运行程序文件: 当我作为JUnit test运行上述类时,没有调用带有烟雾标记的实际测试,也没有执行任何内容。 下面是我在执行上面的代码时得到的结果

  • 我试图通过spring启用hibernate过滤器,方法是tyring指向一个用自定义注释注释的服务实现方法并向该方法添加建议。我希望启用自定义筛选器,它在扩展的所有实体上添加一个差异器。因此,我创建了自定义注释,并在需要的方法上使用它。它成功地拦截了该方法,但当我记录变量值时,变量值显示为空,过滤器也没有设置。 该项目是一个Spring-Boot2应用程序,我使用spring aop创建方面。我

  • 我正在尝试在Spring Cloud Gateway中启用RequestRateLimiter。我havr配置了其他过滤器,甚至是自定义过滤器,但当我将其添加到我的路由中时: 我得到了这个异常(当然,如果我移除RequestRateLimiter筛选器并只保留StripPrefix条目,一切正常。我已经删除了异常的代码):

  • 问题内容: 我创建了一个min-height的div标签,并将背景色设置为“红色”。但是在mozilla firefox上,当内容超过最小高度限制时,div的高度不会增加。这是我的代码: 似乎必须将div高度设置为适合内容,但是我不知道该怎么办。如果我不使用height则不能设置背景色。请告诉我如何使内容适合div,背景颜色将变为红色。 (不知道我是否解释清楚,所以请问我是否想进一步了解该问题。)

  • 应用筛选器之前的示例使用者记录是(在值中查找GP_ID): 当我在kafkaListenerContainerFactory()中按如下方式设置recordFilterStrategy时: KafKareCordvo.ConvertByteBufferToLong正在将bytebuffer值转换为long值。 但是,当它被Kafka听众按以下方式消费时: 这将返回删除我筛选的字段值的记录:“gp_