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

方法一: 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);
}