兼容IE6和IE7的菜单高亮显示代码实现

兼容IE6与IE7的菜单高亮代码

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <head>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  <title>兼容IE6,IE7菜单高亮显示</title>  </head>  <style type="text/css">  *{      font:12px tahoma;  }  #menu li{      list-style:none;      width:88px;      height:30px;      float:left;      background:#EFF1F5;      text-align:center;      margin:0;      overflow:hidden;  }  #menu li a{      display:block;        }  #menu li a:link,#menu li a:visited{      text-decoration:none;      padding:8px 0;  }  #menu li a:hover{      background:#B8C0D3;  }  </style>  <body>  <ul id="menu">      <li>本站</li>      <li>本站</li>      <li>本站</li>      <li>本站</li>      <li>本站</li>      <li>本站</li>  </ul>  </body>  </html>  

注意：若需引入外部JavaScript文件，必须刷新页面后方可执行相关效果。