第10章 创建导航条

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