个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
24
4
在 chrome 中关闭 -webkit-filter 似乎有问题。
当使用非浏览器特定的 filter css 属性时，它似乎也无法像我期望的那样在 firefox 34.0.5 或 firefox 35 中工作。
显然，根据 caniuse，属性应该可用.
给定以下代码片段(或 here on CodePen ):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
#outer {
background: blue;
-webkit-filter: grayscale(100%);
}
#outer #inner {
background: green;
-webkit-filter: none;
}
</style>
</head>
<body>
<div id="outer">
outer
<div id="inner">inner</div>
</div>
</body>
</html>
最重要的是，为什么 div#inner 没有关闭它的过滤器？
最佳答案
我认为您误解了 filter 的工作原理:过滤器不像其他 CSS 属性那样被继承，它只对 div 的呈现内容应用一次。因此，您的内部 div 没有应用过滤器，然后包含您的内部 div 的外部 div 应用了过滤器。
filter 是一个合成操作:渲染外框的内容，然后应用 filter。您无法“关闭”内框上的过滤器，因为它未应用于该级别。
将其想象成画中画:您有外部图像，粘贴到内部图像上，然后拍摄生成的图像并应用灰度效果。这基本上就是浏览器在这里所做的。
基本上，它是这样工作的:
如果你想让它工作，你可以把你的内部 div 放在一个完全独立的层上。也就是说，将您的“外部”div 放入较低层的 div，并将您的“内部”div 放入绘制在较低层 div 上方/前面的较高层 div，而不是包含在其中:
关于css - 为什么 -webkit-filter 不适用于嵌套元素？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28289554/
24
4
0
我应该在 Angular 应用程序中使用哪个，为什么？ array.filter(o => o.name === myName); 或 $filter('filter')(array, {name:
以下两个调用是否解析为 Django 中的等效 SQL 查询？ 链接多个调用 Model.objects \ .filter(arg1=foo) \ .filter(arg2=bar) \ ... 将
我正在尝试在 hbase-1.0.0 上运行 completebulkload。但是遇到错误， "java.lang.NoClassDefFoundError: org/apache/hadoop/h
我从这篇文章中学习了“树”和“索引”:Learning Git Internals by Example 但是当谈到“git filter-branch”命令时，我不知道“--tree-filter”
我正在尝试构建我的自定义过滤器以进行身份验证，但是当我尝试运行我的 WebAPI 解决方案时遇到了这个问题: The given filter instance must implement on
我想保留一个过滤器函数的列表，并通过返回true的过滤器来标记这些项。这是接近但不完全。。主要问题是std：：stringify！总是返回“ADF”，可能是我声明为ADF的变量名。。第二个问题是，在定
我想保留一个筛选器函数列表，并通过返回True的筛选器来标记这些项目。这已经很接近了，但还不完全是。。主要问题是std：：stringify！总是返回“ADF”，可能是我声明为ADF的变量名。。第二个
我尝试在 graphql 查询中使用 where: filter 但不幸的是我遇到了一些错误。我做错了什么？ shoeposts { data { attributes(where: {s
几周以来，我一直在使用 Zend Framework 2，尽管在线文档非常不完整，但我还是设法建立了我的网站的初稿。 不幸的是，我在尝试实现 Zend\Filter\File\Rename 过滤器的自
我正在尝试在 APC 中使用 apc.filter 等功能。但是我所做的一切都不起作用 我应该完成 2 项任务。 1)需要包含1个目录用于缓存。我的代码在apc.ini apc.cache by de
我想使用一个可能返回 Err 的过滤器函数结果，并将其冒泡到包含函数: mycoll.into_iter() .filter(|el| { if el == "bad" { E
每个 Controller 都应该有方法filters()，在那里你可以指定一些类，我想知道，这些类是如何被框架包含的？这些类是如何配置的，以及何时配置，也许有人可以给我一个使用filters()并包
我想在一维信号上使用巴特沃斯滤波器。在 Matlab 中，脚本如下所示: f=100; f_cutoff = 20; fnorm =f_cutoff/(f/2); [b,a] = butter
我想比较两个列表，以便找到第一个列表中不在第二个列表中的值并返回它们。提前谢谢大家代码返回:不再支持过滤器有没有其他方法可以做到这一点 MATCH (cu:Customer{name: "myCust
在 Android 应用程序中，我有一个通用设置 -- 一个带有 ArrayAdapter 的 ListView。在某一时刻，我调用了适配器的 getFilter().filter() 方法，它很好地
所以我有如下数据: [ { "id": 0, "title": "happy dayys", "owner": {"id": "1", "username
阅读Mastering Web Development with AngularJS ，我正在尝试创建并使用一个使用 $filter 模块/关键字的新过滤器。 HTML
所以我的理解是 halt 命令应该停止当前过滤器中的请求，但它似乎继续。下面是一个非常简单的 Sinatra 应用程序，演示了这一点。 服务器.rb require 'sinatra' before
我正在尝试将散列传递给 URL 以设置 UIkit 过滤器。 All
我正在使用 django-filter应用程序。但是有一个问题我不知道如何解决。它几乎与 django 文档中描述的完全相同: https://docs.djangoproject.com/en/1.
我是一名优秀的程序员,十分优秀！