ul样式与jquery-1.4.1冲突
下面这个页面中只要jquery-1.4.1.js文件与UL的样式正常加载链接就会失效,不加载jquery-1.4.1.js或是不加载UL的样式就没问题,研究半天,未找出好的处理办法。求解答……
<!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><title> List </title> <script src="/Scripts/jquery-1.4.1.js" type="text/javascript"></script> </head> <body> <style type="text/css"> /* TAB MENU ----------------------------------------------------------*/ ul#menu { border-bottom: 1px #5C87B2 solid; padding: 0 0 2px; position: relative; margin: 0; text-align: center; top: 0px; left: 8px; } ul#menu li { display: inline; list-style: none; } ul#menu li#greeting { padding: 10px 20px; font-weight: bold; text-decoration: none; line-height: 2.8em; color: #fff; } ul#menu li a { padding: 10px 20px; font-weight: bold; text-decoration: none; line-height: 2.8em; background-color: #e8eef4; color: #034af3; } ul#menu li a:hover { background-color: #fff; text-decoration: none; } ul#menu li a:active { background-color: #a6e2a6; text-decoration: none; } ul#menu li.selected a { background-color: #fff; color: #000; } </style> <div id="menucontainer"> <ul id="menu"> <li> <a href="/BaseSet/Left">①:工序设置</a> </li> <li> <a href="/PaperSet/Left">②:纸张设置</a> </li> <li class='selected'> <a href="/FormulaSet/Left">③:公式设置</a> </li> <li> <a href="/">④:……</a> </li> </ul> </div> </body> </html>