如何测试浏览器对Background-clip：text的支持？

你会如何测试背景剪辑的值：文本，webkit的支持文本，但Mozilla和其他浏览器不我试图Modernizr的teststyles，但没有运气如何测试浏览器对Background-clip：text的支持？

2012-07-12 Lawrence

'背景剪辑：text'从未存在过在CSS3中。我并不感到惊讶Modernizr不包含测试。 – BoltClock 2012-07-12 13:48:54

它存在于webkit这就是为什么我问如何测试的价值文本的支持，mozialla剂量支持background-clip：文本 – Lawrence 2012-07-12 13:49:47

这里有一篇关于它从一个快速的谷歌的文章，可能会为您提供一些答案： http：///tympanus.net/codrops/2011/12/12/experiments-with-background-clip-text/ – 2012-07-12 14:05:26

var testEl = document.createElement("x-test"); 
var supportsWebkitBackgroundClipText = typeof testEl.style.webkitBackgroundClip !== "undefined" && (testEl.style.webkitBackgroundClip = "text", testEl.style.webkitBackgroundClip === "text");

来源

2012-07-12 17:16:20 Inkbug

这是行不通的吗？如果是这样，你能接受答案吗？ – Inkbug 2012-07-16 18:56:27

无论支持如何，它都会返回true。测试Firefox，歌剧 – 2012-07-17 19:54:49

我希望这是更好的。 – Inkbug 2012-07-18 05:09:36

如何测试浏览器对Background-clip：text的支持？

回答

相关问题