这种方法是由Tom Gilder和Levin Alexander一起发明的,可能是最可靠的方法。它对屏幕阅读器是有效的,而且在关闭图像但是打开CSS的情况下会显示文本。它的原理是将一个图像盖在文本上而不隐藏文本。这样的话,当图像关闭时,就会看到下面的文本。
要使用这种技术,需要在要替换的元素中添加一个额外的空span:
![]()
然后将这个元素的尺寸设置为与图像尺寸相同,并且将元素的position设置为relative:

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

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






