第10章-创建导航条.ppt

使 IE6 的超链接响应区域扩大的办法： ① 设置 a 浮动。 ② 为 a 设置宽度。 水平导航条示例 2 35px 为使用“滑动门技术”准备钩子 水平导航条示例 2 关键技术：滑动门。 为使用“滑动门技术”准备钩子 10.2 水平导航条 水平导航条示例 1 导航条中的背景图像 nav-bg.gif nav-hover-bg.gif 37px 732px 设置高度，IE6 中触发 a 的宽度突破 li 的限制，取 #nav 的 100%。解决办法： ① 设置高度的同时，也设置宽度。 ② 设置高度的同时，也设置a浮动。 ③ 不设置高度，仅设置行高。 垂直导航条示例 3 pixy-rollover.gif 30px 120px 双线 最后一项没有底边 第10章 创建导航条 聊城大学传媒技术学院 王丽萍 10.1 垂直导航条 10.2 水平导航条 本章内容 10.1 垂直导航条 垂直导航条示例 1 当 a 设置了 display: block 时，IE6 中的列表项之间产生空隙。 虽然 a 设置了 display: block，但 IE6 中的 a 仍不能将超链接响应扩大为块。 IE6 中，必须将鼠标移动到超链接文字上， a 才响应。 垂直导航条示例 2