[翻译]标记语言和样式手册 Chapter 14 图片替换（7）
作者：zhaozy 来源：3user.com 发布时间：2008-02-18 12:56:00
标签：样式,图片,标记,css,手册
恢复超链接
最后,对首页以外的其他页面来说,仍然希望使用者能够点击标识,回到首页.但是在把图片宽度设置成0之后要怎么办到呢?现在根本没有能够点击的区域.
我们为标识的<a>加上一条声明,把它的点击范围"伸展"到覆盖整个背景图片的范围,宽度与替换的图片相同.
#logo a {
border-style: none;
display: block;
width: 173px;
}
通过用CSS指定<a>的宽度,我们甚至能提供两张大小不同的图片,在这个例子中,他们的大小是一样的.
加上了border-style属性去掉了大多数浏览器为图片链接自动加上的预设边框(图14-8).
图14-8 超链接标识,显示选择范围
成果
看看图14-9和14-10,你能发现,再使用刚刚示范的标记源代码与样式之后,就能为无法使用样式,无法启动CSS的使用者分别提供一套标识.当标识有链接时,仍能以一条简单的CSS做出选择范围.
图14-9 支持CSS的浏览器显示hi_fi标识
图14-10 不支持CSS时显示的lo-fi标识
相信这个示例显示了现实世界里使用图片替换技术也不必内疚的情况,确切来说,就是将现存的行内图片用另一个CSS引用的图片取代的情况.
接下来,继续看看另一个现实世界的个案研究,这是我为Fast Company网站设计的导航系统,它结合了无序清单,图片置换..以及一点其他的手法.
0
投稿猜你喜欢
- 本文实例讲述了Python基于PyGraphics包实现图片截取功能的方法。分享给大家供大家参考，具体如下：先安安装PyGraphics包
前言最近又在重新学习编译原理了，其实两年前也复习过，当初是为了能实现通过 MySQL 的 DDL 生- 之前呢，我一直对GUI不是很感兴趣，但是呢，最近由于某些特殊原因，导致不得不用tkinter，需要实现一个渐变色，但是当我翻阅文档的时候，却
- 本文实例为大家分享了python处理大日志文件的具体代码，供大家参考，具体内容如下# coding=utf-8import sysimpor
- 学习目标根据原型设计编译自动化数据生成器，熟悉wxPython的基本用法。界面原型设计界面原型设计分析输入参数：最大长度最小长度组成规则多少
- 想用C++写项目，数据库是必须的，所以这两天学了一下C++操作MySQL数据库的方法。也没有什么教程，就是在网上搜的知识，下面汇总一下。 连
- 效果展示打地鼠小游戏简介打地鼠的游戏规则相信大家都知道，这里就不多介绍了，反正就是不停地拿锤子打洞里钻出来的地鼠呗~首先，让我们确定一下游戏
- 一、包在我们的项目中，可能会有太多的模块但是我们不能把所有的模块这样放在这里，这样项目会乱七八糟。我们可以将所有相同类型的模块放在一个文件夹
- 最近脱离了googlecolab想使用本地的anaconda进行机器学习课题的演练，在安装tensorflow时报错 : Unsatisfi
- 本文实例讲述了Python实现将SQLite中的数据直接输出为CVS的方法。分享给大家供大家参考，具体如下：对于SQLite来说，目前查看还
- 导言：本文一步一步手把手教你打造一个极酷的三层分离的标准滑动门导航菜单，从思路、原理、步骤，手段可谓“无所不用其极”，即便你是菜鸟，相信你看
- 在我的上一篇博客中讲述了水平投影法取出文本行图像的实现，在这里将用垂直投影法对文本行的每个字符进行分割。下图是用水平投影法切割的文本行：文本
- 一、logging日志模块等级常见log级别从高到低：CRITICAL 》ERROR 》WARNING 》INFO 》DEBUG，默认等级为
- 安装tf2onnx以及onnxruntimepip install onnxruntimepip install tf2onnxtf 转为o
- pyd文件生成安装easycython库pip install easycythontest.pydef test(): pri
- 本次小编给大家带来一个JS的效果，实现根据浏览器的窗口大小出现十字坐标并跟随鼠标移动的效果，还可以计算出实时的坐标数值。我们先来看一下运行后
- 新下载了一个Pycharm，建了个小demo，期间产生了一个sqlite3文件，由于是第一次打开，就弹出选择打开方式的对话框，手一块直接点了
- MySql中longtext字段的返回最近开发中用到了longtext这种字段。在mysql中该字段的最大长度为4G如下图所示开发中遇到的一
- 目的： 找出路径坐在的所有python文件（.py结尾），返回列表。代码：def list_py(path = None): if path
- 前言今天我看到线性规划模型开头的介绍，特别不错，因此，我把它记录下来了，分享给大家在工程技术、经济管理、科学研究、军事作战训练及日常生活等众
