在CSS中使用透明文本划分?

rbo*_*man 6 html css masking

我被要求创建一个基于CSS(非HTML5)的网站,该网站有一个带有切口的填充div,该切口显示了它下面的图像.

文本剪切示例

还有其他叠加和其他图像使得使用静态图像变得很痛苦.另外,我怀疑当浏览器窗口改变大小时我需要能够缩放背景.

我意识到我可以创建一个GROW文本的图像,只需将它放在背景图像的顶部,但我宁愿看看这种效果是否可以"真实地"完成.

这需要在IE8,9和FF 4中工作.我可以回溯到旧版浏览器的另一个效果.

有什么建议?

rbo*_*man 1

我最终使用了两张没有任何孔洞或透明度的图像。这是一个 hack,但适用于所有浏览器。