如何通过CSS将图案转换成书面文字? [英] How to get a pattern into a written text via CSS?

问题描述

几天前，我看到一个网站，上面写着文字，上面有背景图片.

some days ago I saw a website where a written text had a background-image in.

CSS是否已可以将背景图像转换为文本?

Is it already possible with CSS to get a background-image into a text?

我不希望文本后面有背景图片.我不知道要实现这一目标.:(

I do not want a background-image behind the text. I have no idea to achieve this. :(

感谢加古！

http://img221.imageshack.us/img221/232/examplewf.png

推荐答案

@gago;您可以使用CSS3 背景剪辑属性.

@gago; you can use css3 background clip proprty.

例如 css:

p {
   color: white;
   background: url(images/fire.jpg) no-repeat;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

检查此链接以获取更多的 http://css-tricks.com/7850-image-under-text/

check this link for more http://css-tricks.com/7850-image-under-text/

这篇关于如何通过CSS将图案转换成书面文字?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！