巧用CSS滤镜制作图案文字
首先介绍一下这个神奇的滤镜：Chroma()滤镜。
句子模式：FILTER:Chroma(Color=#CCCCCC)，其中“#CCCCCC”是颜色值。
功能及效果：如果滤镜中像素的颜色与设置的颜色相同，则该像素将变为透明（包括图片的像素）。 例如滤镜css，如果使用的语句是FILTER:Chroma(Color=#CCCCCC)，那么在滤镜范围内所有颜色为“#CCCCCC”的像素都会变成透明。
使用 Chroma() 过滤器，图案文本的生成非常简单。 其实现代码只有几行：
在线设计
代码解释：
1、我们先看一下<SPAN>标签。 它实际上是一个父容器，它的作用是设置一个背景图片作为文本的图案：
BACKGROUND-IMAGE: URL(across.gif)：设置背景图片，这里是“across.gif”，如下图，原图是8×8像素，这里为了方便放大到64×64 ;
WIDTH:300px：容器的长度可以设置小一点，甚至1px，以保证背景不溢出。
其次，看下面的 <DIV> 标签，它使用 Chroma() 过滤器使文本透明：
Chroma(Color=#CCCCCC)：设置滤镜颜色为“#CCCCCC”；
COLOR:#CCCCCC：文字的颜色也是“#CCCCCC”；
BACKGROUND-COLOR:#FFFFFF：字体背景颜色为“#FFFFFF”（红色）；
WIDTH:300px：滤镜效果的长度，可以设置与父容器相同或者比父容器更宽（父容器可以“拉伸”）；
FONT:bold55pt黑体：设置字体为宋体，字号为55pt，宋体。
由于滤镜颜色和字体颜色都设置为“#CCCCCC”，所以字体是透明的，通过它可以看到父容器的背景图cross.gif。其实你可以将它们更改为其他相同的值在不影响疗效的情况下滤镜css，只是注意不要与字体背景颜色相同
