我可以使用CSS字体进行淘汰/穿透透明度吗？

我可以使用倒置字体,但如果有的话,我希望有更好的方法.

它必须是动态的吗？唯一的方法是使用具有透明度的图像(GIF或更好的PNG).

我不确定这是不是你想要的,但无论如何都要解释.

情况:您希望通过文本看到非平坦的背景.

解决方案:没有CSS可以解决这个问题.您必须使用可靠的图像编辑器来创建包含文本的图层,并使用另一个图层作为文本的否定图层

这可能会让你有一些有趣的效果,但是如果你想要它是动态的,你必须在飞行服务器端生成图像.

对于纯CSS,这种技巧目前是不可能的(可能使用Javascript).

编辑

看到Paul在webkit上的发现让我思考如何在Firefox,Opera和IE中伪造这种行为.到目前为止,我已经运气好了canvas在Firefox上使用该元素,我正试图找到一些行为filter:progid:DXImageTransform.Microsoft.

到目前为止canvas,这就是我所做的

通过使用排除合成和绘制文本canvas.

我不清楚你在问什么(100%的透明度意味着某些东西是看不见的,隐形文字通常不是一个好主意),但总的来说:

CSS opacity属性适用于整个元素,而不仅仅是文本.所以如果你有这个HTML:

    This is a div with a background colour and 50% opacity

这个CSS:

.opacity-50 {
    background: #ccc;
    color: #000;
    opacity: 0.5;
}

然后它的背景和文本都有50%的不透明度.

rgba颜色值允许您指定半透明颜色.所以,如果你有这个HTML:

    This is a div with semi-transparent text

这个CSS:

.text-opacity-50 {
    background: #ccc;
    color: rgba(0,0,0,0.5);
}

然后只有它的文本将具有50%的不透明度.

我认为rgba颜色值的支持略少于浏览量opacity.