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。