[翻译]标记语言和样式手册 Chapter 14 图片替换
作者：zhaozy 来源：3user.com 发布时间：2008-02-18 12:56:00
标签：样式,图片,标记,css,手册
阅读上一章：Chapter 13 为文字指定样式
Chapter 14 图片替换
随着更多设计师与开发者开始使用标准(特别是CSS),每天都会有许多新技术被发现,达成相同目标的新方法,更好的方法也不断发展着.
"图片替换" 可以说是这种变革的最佳范例,这是用CSS把普通文字置换成图片的技术.
应该如何用CSS把文字换成图片?
如果能把表现用(不重要的或者装饰用的)的图片全放在CSS中是最好的,因为这样能够轻易替换更新过的图片,但却不用更改标记源代码.同样,我们也能确保所有浏览器和设备能正确解析标记源代码的意义,不管有没有完全支持把文字替换成图片的进阶CSS.在这本书中一直强调这样的优势.
没有完美的解决方案
然而,寻找单纯使用CSS将文字置换成图片的"完美"方式几乎跟寻找圣杯没啥两样...因为现在还不存在.仅有能在所有浏览器中正常运作的方法,但是它无法配合辅助程序(比如屏幕阅读器)使用.还有其他能奏效的方法,除非使用者指定浏览器不显示任何图片,但又启用CSS.
虽然在这段文字撰写的时候还没有能够满足所有人(或是所有使用者)的方法,但是这类方法现在的确有不少网站使用.在套用任何图片置换法的时候都必须特别小心,同时也必须了解它会带来的副作用.
能用,但是要小心
这就是本章的目的,届时图片置换带来的便利性,但是相对的也会揭露它的缺点,随着时间的发展,或许会有更多CSS狂热者发现能够做出相同效果的更好方法;在那之前,我们必须善用其中的技巧,衡量得失.
为了让你熟悉图片置换的概念,让我们看看几种常用的方法.先从Fahrner图片替换技巧谈起(Fahrner Image Replacement;FIR).
0
投稿猜你喜欢
- 今天在工作中遇到了一个问题，需要按时间查询，可是查询出来的结果显示的不正确。举个例子来说，要查找出2007-10-12至2007-10-31
- 1、Python 有两种类型可以表示字符序列bytes：实例包含的是 原始数据 ，即 8 位的无符号值（通常按照 ASCII 编码 标准来显
Python 3.10.0a2 版本已经于 2020-11-04 发布，因此我们可以窥见 Python 3.10 的一些新特性。这些新特性很- 前言众所周知Python不像JS或者PHP这种弱类型语言里在字符串连接时会自动转换类型，如果直接将字符串和数字拼接会直接报错。如以下的代码：
- 项目输出项目先决条件要使用python构建井字游戏，我们需要tkinter模块和python的基本概念Tkinter模块是用于渲染图形的标准
- 内核：[root@opop ~]# cat /etc/centos-release CentOS release 6.8 (Final)[r
- python中import和from import的区别首先明确尽量不要为了图省事使用from xxx import *python中有两种
- 需要安装pywin32模块，pip install pywin32##pip install pywin32import win32api,
- 一、生成日期数据import pandas as pdpd.date_range( )同生成随机数的思想类似，使用pandas库中的函数pd
- 本文实例讲述了PHP+redis实现添加处理投票的方法。分享给大家供大家参考，具体如下：<?php header("Cont
- HTML5 是近十年来 Web 标准最巨大的飞跃。和以前的版本不同，HTML 5 并非仅仅用来表示 Web 内容，它的使命是将 W
- 初级的图像拼接为将两幅图像简单的粘贴在一起，仅仅是图像几何空间的转移与合成，与图像内容无关。高级图像拼接也叫作基于特征匹配的图像拼接，拼接时
- Microsoft SQL Server 2008将包含用于合并两个行集(rowset)数据的新句法。根据一个源数据表对另一个数据表进行确定
- 1、下载安装MySQLdb类库http://www.djangoproject.com/r/python-mysql/2、修改setting
- 很多用户在网站上会糊弄填写一个电子信箱，请问有什么办法可以阻止这种行为？我们通常用两种方法来进行判断：第一种，设定只有形如aspxhome@
- 今天我还在摸鱼的时候，运维过来拍拍我的肩膀，告诉我现网内存泄露了。于是我就停下摸鱼的手，开始了问题排查。通过 pprof 火焰图来分析程序的
- 一、安装约定 mysql安装路径： /usr/local/mysql
- js 读取csv内容拼接成jsonformdata对象上传了csv文件，读取文件内容拼接成json对象var form = new Form
- 目录Uiautomator2的安装和使用具体实现如何打开支付宝并进入蚂蚁森林？收能量如何停止完整代码结语@[toc] 虽然我支付宝加了好多好
- 网页给人最直观的感受就是它的页面框架与构造，就像一座大楼的主体框架与形态，你可能记不起东方明珠塔和艾菲尔铁塔是用什么颜色或什么材料涂的外墙，
