利用CSS的:hover伪类实现隐形文字

题目是乱起的，因为实在是不知道要怎么形容，所谓的隐形文字，就是说有一些文字，本来是看不到的，要达到一定的条件才能让它出现，嗯…语言有些匮乏了，具体的效果还是直接看比较好。

作为菜鸟，研究一下CSS发现一个新世界感觉真的不错，这里乱介绍一下，其中用到了CSS里的:hover。

:hover 伪类在鼠标移到元素上时向此元素添加特殊的样式。

这个伪类应用处于“悬停状态”的元素。悬停定义为用户指示了一个元素但没有将其激活。对此最常见的例子是将鼠标指针移到 HTML 文档中一个超链接的边界范围内。理论上，其他元素也可以处于悬停状态，不过 CSS 没有定义究竟是哪些元素。

激活的、已访问的、未访问的或者当有鼠标悬停在其上的链接，它们会在支持 CSS 的浏览器中以不同的方式显示出来：

说明：首先使用z-index设置文字的堆叠顺序，前面的值为1，说明在显示在前方，同理-1则为后方（由于透明度设置为0，所以这点不起作用～），然后是设置文字的透明度，用到的是filter里的alpha，数值为0～100，0为透明，具体在下面代码中。用一句话来说这个就是当鼠标停留在body内的时候，文字为透明，移出body的时候，文字显示，当然也可以倒过来使用。

主要代码如下：（注释乱写的）

h1{
    margin: -.5em 0 0 .2em;/*上－右－下－左*/
    font-size: 10em;
    letter-spacing: -.2em;/*文字间隔*/
    font-family: "Microsoft YaHei",SimHei,Helvetica,STHeiti,Georgia, "Times New Roman", Times, serif;
    color:#003164;/*文字颜色*/
    text-shadow: 1px 1px 1px #999;/*阴影～X轴方向长度 Y轴方向长度 阴影模糊半径*/
    white-space: nowrap;/*设置如何处理元素内的空白*/
    position: fixed;/*规定元素的定位类型*/
    z-index: 1;/*设置元素的堆叠顺序，在上面*/
    top:0;
}/*控制隐藏字体样式*/
body:hover h1{          /*:hover为CSS中的伪类，设置对象在其鼠标悬停时的样式表属性。*/
    margin: -.5em 0 0 .2em;
        z-index:-1;/*设置元素的堆叠顺序，在下面*/
    filter:alpha(opacity=0);/*CSS滤镜，设置透明，FF未起作用，IE控*/
    opacity:0;/*透明度*/
}

演示页面：http://sofa.cz.cc/test.html （里面有篇好文章，推荐阅读）

说几句话：上面纯粹是自己瞎弄的，CSS是一点基础没有…不过现在有兴趣了，错误肯定是有的，高手们看到那里不正确欢迎指出，谢谢～