我使用-webkit-background-clip来将背景图像限制在h2元素中的文本区域。
我的问题是,-moz-background-clip是否以相同的方式工作?这似乎只在Webkit浏览器中起作用,这表明它在Firefox中还没有起作用:
#header h1 a{
background: url(img/logo-overlay.png) no-repeat #000;
-moz-background-clip: text; -webkit-background-clip: text;
color: transparent; -moz-text-fill-color: transparent; -webkit-text-fill-color: transparent;
text-decoration: none;
}
目前在Firefox浏览器中,由于使用了color:transparent 和 text-fill-color:transparent属性,文本内容被隐藏,只有元素的矩形背景图片和颜色是可见的。
您有什么想法吗?