如何在导航栏中制作文本片段？

Question

我正在尝试建立一个网站，我想从导航栏剪辑（掩盖）文本。文本就像导航栏中的一个洞，通过它可以看到背景图像。怎么做？

JSFIDDLE

//css code
text{
    background-image: inherit;     
    color: transparent;
    font-size: 20px;
    top: 0px;
    position: relative;
    margin-top: 10px;
    padding: 0px;

}

Answer 1

有一个名为background-clip的CSS属性似乎正在做你正在寻找的东西。在IE9之前不幸的是不支持它（但是在其他主要的浏览器上工作：Chrome，FF，Opera，Safari）。

根据此实现的重要性，您可以为旧的IE版本提供不同的呈现，并在任何其他上下文中使用background-clip。

请参阅此Fiddle并发表评论告诉我这是否是您要找的内容！

---

编辑：我误解了最初的请求。我会尝试为实际问题找到合适的解决方案！对不起。