Css 是否可以屏蔽a<;部门>;,或者用蒙版图像覆盖文本?

Css 是否可以屏蔽a<;部门>;,或者用蒙版图像覆盖文本?,css,image,Css,Image,我几乎可以肯定这是不可能的,但我只是想问问我是否正确 我有一个带有纯色背景和文本的容器。这漂浮在图像上。目前,文本颜色是黑色的,但我希望文本变得透明,这样我就可以透过背景色看到它后面的图像。我知道这听起来是不可能的,所以我想,如果我用相同的图像覆盖文本,但以某种方式将其遮罩,以便只有覆盖文本的部分可见,我可以达到同样的效果 我希望我的意思很清楚。如果有人知道我如何做到这一点,我会很高兴,如果做不到,请给我指出一些为什么做不到的证据:) 谢谢您的帮助。基于webkit的浏览器中有一个名为-webk

我几乎可以肯定这是不可能的,但我只是想问问我是否正确

我有一个带有纯色背景和文本的容器。这漂浮在图像上。目前,文本颜色是黑色的,但我希望文本变得透明,这样我就可以透过背景色看到它后面的图像。我知道这听起来是不可能的,所以我想,如果我用相同的图像覆盖文本,但以某种方式将其遮罩,以便只有覆盖文本的部分可见,我可以达到同样的效果

我希望我的意思很清楚。如果有人知道我如何做到这一点,我会很高兴,如果做不到,请给我指出一些为什么做不到的证据:)


谢谢您的帮助。

基于webkit的浏览器中有一个名为
-webkit背景剪辑:text
的属性。这样写:

p{
    background-image:;
    background:  url(http://2.bp.blogspot.com/-NSwhl6hv41Y/Th5EIJL_zZI/AAAAAAAAFc4/UGUNfb--tGc/s1600/vector_wallpaper_by_seppoftw.jpg);
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent;
    font-size:100px;
    margin:40px;
}​
检查这个


阅读此链接了解更多信息

链接是正确的,但我建议使用此处介绍的另一个选项:
蒙版图像
。谢谢您的回答。看起来不错,可惜这在所有浏览器中都不起作用。但很高兴知道这是可以做到的:)