图像替换的3种技术

Posted 2020-08-07 菜鸟菜鸟菜菜鸟

1、FIR

把要替换掉的文本放在span标签中，然后将替换图像作为背景图像应用于标题元素，并且将span的display值设置为none，从而隐藏span的内容

缺点：虽然它是最容易理解的方法之一，但是由于许多流行的屏幕阅读器会忽略display值为none或visibility为hidden的元素，而忽略这个文本，造成严重的可访问性问题。

 

2、Phark

对标题进行非常大的负值文本缩进（text-indent：-5000）

缺点：在关闭图像但是打开css的情况下是无效的

 

3、sIFR

用Flash文件替换文本

缺点：在所有文本被替换为Flash内容之前常常有短暂的闪烁，会给人留下加载慢的印象。如果进行许多Flash替换，一些页面感觉起来会有点迟钝

建议适合个人站点，不适合大型项目