CSS中的背景图片不仅可以作为外观装饰，还可以用来作为文字区域的背景。比如在一个按钮或者标题的背景上放置文字，可以让整体效果更加美观。

要将背景图片作为文字区域的背景，首先需要设置背景属性。

background: url('image.jpg') no-repeat center center;

其中，url()里面为图片的路径，no-repeat表示图片不平铺，center center表示在水平方向和垂直方向上都居中。然后，在文字区域的样式里，设置背景透明。

background-color: transparent;

这样，文字就会出现在背景图片上了。

如果想要让文字背景透明，有两种方法。一种是在文字样式里设置背景色为透明。

background-color: rgba(0,0,0,0);

其中，第四个0表示透明度为0。

另一种方法是使用CSS3中的background-clip属性，将文字背景设置为背景图片。

background-clip: text;
color: transparent;

其中，background-clip属性将文字背景设置为了背景图片，color属性将文字颜色设置为透明。

需要注意的是，使用background-clip属性时，只有支持CSS3的浏览器才能正确显示效果。