Question

我遇到一行代码问题。我一直在网上搜索几个小时，不得不诉诸堆栈溢出。当我运行此代码时，它什么都不做。这是代码：

e.style.backgroundClip = "text";

当我研究这个时，我发现了＆＃34;文本＆＃34;是不是正式存在，但如果我在css中使用它与background-clip它的工作原理。如果你知道为什么这不起作用，请帮忙。我正在使用运行iOS 8的设备，如果有帮助的话。

我正在使用一个程序调用＆＃34; EXPRESSO HTML＆＃34;

Answer 1

将text设置为background-clip属性的值不是规范中的可识别值：

您可以强制元素采用内联样式：

el.setAttribute("style", "-webkit-background-clip:text");

请注意，它还需要-webkit-供应商前缀。我认为只有Chrome支持它，我可能错了。

由于background-clip的这种变化得不到很好的支持，因此如果没有经过良好测试且经过良好测试的后备，则不宜使用它。这最好在CSS中完成，并且可能会让你真正头痛，试图完全用javascript实现。