javascript - "background-clip"不工作?

标签 javascript css google-chrome firefox modernizr

正在查看 this因为我想把我的图片变成文字。根据它的说法,在其他浏览器中,文本应该是您设置的颜色,并且没有背景(除非我看错了)。

无论如何,在 Chrome 上,它似乎可以完美地工作,尽管在其他浏览器上,使用 Modernizr 的回退不起作用。无论如何,它都会添加 backgroundclip 类。所有浏览器都返回 true。即使在 Mozilla Developer Network it's saying that browsers support this 上尽管事实并非如此。

Firefox 和其他浏览器正在做的是显示背景。这对我来说是个问题,因为我用作文本的图像几乎全是白色,上面有轻微的图案。因此,带有轻微图案的白色上的白色不太容易看清。

我尝试过的事情:

background-clip:text;
-moz-background-clip:text;

这两个都不行。

我需要的是让 background-clip 在其他浏览器(至少是 Firefox)中工作或者让它按预期工作的方法。在 Chrome 中将图片作为文本,在其他浏览器中将图片设为纯色。有什么我可以做/使用的吗?

最佳答案

See https://github.com/Modernizr/Modernizr/issues/199 for background .

基本上,Modernizr 之前是自行检测背景剪辑,这会导致像我们这里遇到的问题。 A standalone test for background-clip: text now exists ,您应该能够在当前的 3.0 之前版本中提取和使用它。

关于javascript - "background-clip"不工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22776283/

相关文章:

javascript - 求同类旋转器所有值的总和

html - div中的2个span,第一个自动宽度和溢出隐藏,第二个宽度自适应文本

javascript - SVG 覆盖我的背景颜色

javascript - 单击禁用的按钮元素时,onblur 事件不会在 Chrome 中触发 - 在 IE 中有效

java - Java 是否存在类似 Sprocket 的东西

javascript - 在 $state.go 上禁用转换

javascript - Chart.js:着色工具提示标签

css - 什么是右对齐子 div 并使父 div 从子 div 获取其宽度的跨浏览器兼容方式?

google-chrome - 如何在 Google Chrome 中跟踪奇怪的网络调用?

java - InvalidArgumentException:无效参数和 InvalidSelectorException:ChromeDriver 和 Chrome 使用 Selenium 和 Java 时出现无效选择器错误