本文提供一段兼容IE6和IE7浏览器的菜单高亮显示代码。通过简单的HTML结构与CSS样式定义，实现鼠标悬停时的菜单项高亮效果，适用于需要支持老旧浏览器的Web项目。
兼容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文件，必须刷新页面后方可执行相关效果。