首页 新闻 论坛 群组 Blog 文档 下载 读书 Tag 网摘 搜索 开源 FAQ 第二书店 博文视点 程序员
频道: 研发 数据库 中间件 信息化 视频 .NET Java 游戏 移动 服务: 人才 外包 培训
    图书品种:235680
       
热门搜索: ASP.NET Ajax Spring Hibernate Java

3.4.3  Gilder/Levin方法

这种方法是由Tom GilderLevin Alexander一起发明的,可能是最可靠的方法。它对屏幕阅读器是有效的,而且在关闭图像但是打开CSS的情况下会显示文本。它的原理是将一个图像盖在文本上而不隐藏文本。这样的话,当图像关闭时,就会看到下面的文本。

要使用这种技术,需要在要替换的元素中添加一个额外的空span

然后将这个元素的尺寸设置为与图像尺寸相同,并且将元素的position设置为relative

这为被包含的span元素建立了新的定位上下文,从而可以将它绝对定位在文本的上面。将尺寸设置为父元素的100%并且将替换图像作为背景应用于span,这样被替换的文本就会被图像完全盖住:

在使用这种技术时,必须使用具有实色背景的图像;否则文本就会露出来。这种技术的缺点是需要添加无语义的span