Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS-使用透明颜色查看背景图像的文本_Css_Cross Browser_Transparent - Fatal编程技术网

CSS-使用透明颜色查看背景图像的文本

CSS-使用透明颜色查看背景图像的文本,css,cross-browser,transparent,Css,Cross Browser,Transparent,我需要制作一个透明的文本,你可以看到下面的内容(图片) 图像移动,我需要查看文本来移动图像 例如: 只需使用不透明度属性 opacity:0; 这里的示例:这是不可能的 请记住,文本本身就是一个元素。如果使文本透明,则父对象的背景将显示出来 在本例中,您有一个部分透明的白色背景。如果将文本设置为透明,bg颜色将显示,并且文本将有效地消失。最简单的方法是使用不透明度:fiddle: CSS color:rgba(252, 205, 77, 0.7 /* this is opacity */

我需要制作一个透明的文本,你可以看到下面的内容(图片)

图像移动,我需要查看文本来移动图像

例如:


只需使用不透明度属性

 opacity:0;
这里的示例:

这是不可能的

请记住,文本本身就是一个元素。如果使文本透明,则父对象的背景将显示出来


在本例中,您有一个部分透明的白色背景。如果将文本设置为透明,bg颜色将显示,并且文本将有效地消失。

最简单的方法是使用不透明度:fiddle

CSS

  color:rgba(252, 205, 77,
0.7 /* this is opacity */
);

如果图像没有动态调整大小,并且您准确地知道文本的位置,您可以使用css背景剪辑来实现这一点

我认为这是不可能的-您应该使用图像(png或gif透明)来实现这一点…询问代码的问题必须证明对正在解决的问题的最低理解。包括尝试的解决方案,为什么它们不起作用,以及预期的结果。我做了很多测试,我在网上搜索了很多,但我认为唯一的解决方案是使用透明的PNG。我做了很多测试,我能做的最多的就是:文本是透明的,但文本框没有颜色。有什么想法吗?完全错了。要求文本是透明的,虽然技术上可能会使其不可见。如果使用不透明度:0文本将消失且不可见seen@Javichuteck我的错,我教过你要遮罩文本,这就是为什么我建议将不透明度设置为0。文本要求完全透明。@Paulie_D:问题是
我需要制作一个透明的文本
…那么这意味着什么呢???100%透明…而不是像你所说的那样部分透明。你看过OP里的图片了吗?