CSS图像替换技术之Leahy和Langridge的方案
日期：2008-09-6 分类：CSS
以下内容摘自《CSS禅意花园》一书，略有删减。
Seamus Leahy和Stuart Langridge均独立地发现了这种方法。该方法让我们不必再添加那些多余的<span>标签，且在保证屏幕阅读器可以正常阅读文本的同时，也能在页面中隐藏元素中的内容。
HTML代码：
<h3 id="header">I like cola.</h3>
CSS代码：
#header{
padding:25px 0 0 0;
overflow:hidden;
background:url(cola.gif) no-repeat;
height:0;
}
padding:25px 0 0 0;
overflow:hidden;
background:url(cola.gif) no-repeat;
height:0;
}
优点：屏幕阅读器可正常访问，没有多余的<span>。
缺点：并没有解决浏览器禁用图象后空白页面的可访问性问题。
点击这里查看其他方案。