[翻译]标记语言和样式手册 Chapter 14 图片替换（5）
作者：zhaozy 来源：3user.com 发布时间：2008-02-18 12:56:00
标签：样式,图片,标记,css,手册
归纳
仔细研究了三种常用的图片替换技巧,从最早的Fahrner图片替换法开始,接着是它的两种变形,虽然都不是完美的做法,但是Mike Rundle之类的技巧已经非常接近完美了.应该能在现实世界里应用,只是必须要注意一些陷阱和缺点.
让我们分析这三个方法的主要差异:
方法A:
需要一组额外的没有意义的<span>标签.
在这段文字撰写时,常被使用的屏幕阅读器会被display属性影响,不念出任何内容(根据Joe Clark的研究结果而知)
在"关闭图片显示,启用CSS"的时候,什么都看不到.
方法B:
不需要额外标签
屏幕阅读器应该能正常念出内容.
要为IE5 for Windows使用盒模型Hack.
在"关闭图片显示,启用CSS"的时候,什么都看不到.
方法C:
不需要额外标签
屏幕阅读器应该能正常念出内容.
在"关闭图片显示,启用CSS"的时候,什么都看不到.
现在所有常见的方法都共享了最后一个缺点,但随着更多开发者持续研究图片替换的技巧,相信有一天会看到能够满足所有人的解决方法.
在那之前,还有几个图片替换的实际应用概念值得一提,将在本章稍后的"技巧延伸"单元中讨论其中的两个.
有个重点值得一提:有位遵照标准的设计师Dave Shea不断地观察图片图换技术的最新发展,同时维护了一份组织完善的页面,记载了不少相关技巧.一定记得看看Dave的"Revised Image Replacement" (http://www.mezzoblue.com/tests/revised-image-replacement/).
0
投稿猜你喜欢
- 一个正则表达式就是由普通字符（例如字符 a 到 z）以及特殊字符（称为元字符）组成的文字模式。该模式描述在查找文字主体时待匹配的一个或多个字
- 这也是老早前整理的了，也贴出来吧：1． showModalDialog和showModelessDialog的异同
- 如何用表单的方式推送请求的信息？具体见下：<html><head><title>答复用户信息
- 如果你正在运行使用MySQL的Web应用程序，那么你把密码或者其他敏感信息保存在应用程序里的机会就很大。保护这些数据免受黑客或者窥探者的获取
- 我们经常会遇到多重查询问题，而长长的SQL语句往往让人丈二和尚摸不着头脑。特别是客户端部分填入查询条件时，如用普通方法将更是难上加难。以下巧
ajax编程获取Google的PageRank3(PR值)及所在目录，想给你的站增加Google PR查询的功能吗？如果你不会就看看本文吧，- ASP如何分两段读取数据库？中间插入广告。代码如下：<!--#include file="conn.asp"--&
- 如果 replaceText 为函数，对于每一个匹配的子字符串，调用该函数时带有下面的 m+3 个参数，此处 m 是在 rgExp 中捕获的
- 触发器权限和所有权CREATE TRIGGER 权限默认授予定义触发器的表所有者、sysadmin 固定服务器角色成员以及 db_owner
- 在ASP.NET2.0通过SMTP的验证发送EMAIL ，代码如下：’Create a new MailMes
- 什么是合并多行字符串（连接字符串）呢，例如： SQL> desc test; Name Type Nullable Default C
- 在 Internet 连接无处不在的今天，我们忽然有了另外一个需求，离线 Web。Gmail, Google Reader, Zoho 这些
- 最近了解了下repaint和reflow的相关知识，觉得在页面重构过程中就应该考虑前端开发（js）人员对dom进行操作，能够减轻客户浏览器的
- IE独有属性AlphaImageLoader用于修正7.0以下版本中显示PNG图片的半透明效果。这个滤镜的问题在于浏览器加载图片时它会终止内
- 有时会在存储过程中处理一些XML格式的数据，所以会用到sp_xml_preparedocument，他可以将XML数据进行读取，然后使用 M
- 新浪天气预报代码，需要的朋友可以复制下面的代码到要显示的页面，新浪代码 ：<IFRAME WIDTH='260
- 每个进行过较大型的ASP-Web应用程序设计的开发人员大概都有如下的经历：ASP代码与页面HTML混淆难分，业务逻辑与显示方式绞合，使得代码
- 背景：在做项目时，经常会遇到这样的表结构在主表的中有一列保存的是用逗号隔开ID。如，当一个员工从属多个部门时、当一个项目从属多个城市时、当一
- 如何在线创建新表？下面我们以建立一个数码相机库用表为例，看看在ASP程序代码中使用 [CREATE TABLE 相机 (品牌 TEXT(10
- 如何用HtmlEncode来显示Unicode？ 见下：<％@ Language=VBS
