几种用图片替换文字的方法

方法一: Farhner Image Replacement(FIR)

<h1>
  <span>
   Replacement Text Is Here
  </span>
</h1>

h1 {
 background: url(replacementimage.jpg) no-repeat;
 width:216px;
 height:72px;
}

h1 span {
 display:naone;
}

方法二;Phark 图像替换方法
<h1>
 Replacement Text Is Here
</h1>

h1 {
 text-indent; -9000em; //将text-indent属性设一个负值来隐藏文本,替代前一个方法中的display:none
 background:url(replacementimage.jpg) no-repeat;
 width;216px;
 height:72px;
}

方法三:CSS 3 的图像替换方法
h1 {
 content: url(logo.gif);
}