CSS - 具有透明色的文本以查看背景图像

时间:2013-12-04 10:37:28

标签: css cross-browser transparent

我需要制作透明文字,你会看到下面的内容(图片)

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

示例:

enter image description here

4 个答案:

答案 0 :(得分:0)

只使用不透明度属性

 opacity:0;

此处的示例:http://www.w3schools.com/css/css_image_transparency.asp

答案 1 :(得分:0)

这是不可能的。

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

在您的情况下,您有一个部分透明的白色背景。如果您使文本透明,bg颜色将显示,文本将有效地消失。

答案 2 :(得分:0)

最简单的方法是使用不透明度:小提琴http://jsfiddle.net/logintomyk/34Adc/

<强> CSS

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

答案 3 :(得分:0)

如果图像没有动态调整大小并且您准确知道文本的位置,则可以使用css background-clip执行此操作