Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当div重叠时，使用混合模式更改文本颜色_Javascript_Css - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 当div重叠时，使用混合模式更改文本颜色

Javascript 当div重叠时，使用混合模式更改文本颜色

javascript css

Javascript 当div重叠时，使用混合模式更改文本颜色,javascript,css,Javascript,Css,我的光标后面有一个圆形div。当这个div与页面上的某些文本重叠时，我希望文本的颜色发生变化。我知道像这样的混合模式可以实现这一点，但我就是无法让它工作。 我尝试了background filter和使用SVG的不同方法，但都不管用。 我在很多网站上都看到过这种效果，但我自己就是想不出来 这不会显示，因为您的文本的颜色与圆圈的颜色相同。将标签的css更改为如下所示。它将被显示 .label 颜色：红色 字号：28px z指数：2 混合模式：差异 这不会显示，因为您的文本的颜色和圆圈的颜色相同。将

我的光标后面有一个圆形div。当这个div与页面上的某些文本重叠时，我希望文本的颜色发生变化。我知道像这样的
混合模式
可以实现这一点，但我就是无法让它工作。 我尝试了
background filter
和使用SVG的不同方法，但都不管用。 我在很多网站上都看到过这种效果，但我自己就是想不出来

这不会显示，因为您的
文本的颜色与
圆圈的颜色相同。将
标签的css更改为如下所示。它将被显示


.label
颜色：红色
字号：28px
z指数：2
混合模式：差异

这不会显示，因为您的
文本的颜色和
圆圈的颜色相同。将
标签的css更改为如下所示。它将被显示


.label
颜色：红色
字号：28px
z指数：2
混合模式：差异