html - 使用 chrome 和 firefox 10.2 结果完全不同

Question

我创建了这个文字效果:

.inset-text
{
    background-color: #666666;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: rgba(255,255,255,0.5) 0 3px 3px;          
}

<p class="inset-text">Some Text</p>

不幸的是，如果您尝试使用 Firefox 运行此示例，您会在 Chrome 中看到一个灰色矩形，而不是一切正常。我该如何解决这个问题？

Answer 1

你确定background-clip可以取值text吗？在任一 w3schools或 Mozilla Developer Network我没有看到这个列表。顺便说一下，Firefox 现在也只接受 background-clip。