CSS——图片替换方法：Fahrner图片替换法（FIR）
Html：
<h1 id="fir"><span>Fahrner Image Replacement</span></h1>
SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。CSS：
#fir {
width: 287px;
height: 29px;
background: url(fir.gif) no-repeat;
}
#fir span {
display: none;
}
解释：
首先添加一个<span>标签，然后使用<span>标签的display属性把文字隐藏起来，最后指定<h1>的背景图片。
优点：使用CSS而不是标记语法提供图片，更改图片只需更改CSS。
缺点：（1）需要一组不具备任何语义的<span>标签才能运作（2）display属性影响屏幕阅读器使用者（3）关闭浏览器显示图片，同时启用CSS支持时，文字图片均不可显示。
转自：https://www.cnblogs.com/wmhuang/p/image_change.html
更多精彩
