如何測試瀏覽器對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的支持？

回答

相關問題