0

在 Chrome 中，一切都可以在网站页面上完美运行，我在下面复制了其源代码的相关部分。但是，在 IE9 或 Firefox（我没有检查过 Opera 或 Safari）中，顶部和左侧的导航链接不起作用。当鼠标悬停在两个链接文本上时，其中两个具有下拉菜单的无效链接会在两个链接文本之间快速闪烁。当您在 IE9 和 Firefox 中单击链接时，链接也会在链接文本之间切换。它们不会链接到这些浏览器中的其他页面。奇怪的是，同一页面（也在下面）上类似格式的页脚导航链接在所有三个浏览器中都可以正常工作。在研究了可能的修复后，我认为这不是 CSS、样式标签、DOCTYPE 或 javascript 问题，但我并不肯定。任何人都可以建议修复吗？

<!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=utf-8"/>
<title>The Animal Union - Home</title>
<link href="css/mainstyle.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">
<div id="header">
<div id="navi">
<strong>
<ul >
<li><a href="index.html">Home</a></li>                          
<li><a href="about.html">About</a>
<ul></strong>
<li><a href="history.html">History</a></li>
<li><a href="activities.html">Activities</a></li>
<li><a href="board.html">Board</a></li>  
</ul>           
<li> <strong>
<a href="donate.html">Donate</a> </strong>    
<ul>
<li><a href="noncash-gifts.html">Noncash&nbsp;Gifts</a></li>
<li><a href="matching-gifts.html">Matching&nbsp;Gifts</a></li>
 <li><a href="estate-planning.html">Estate&nbsp;Planning</a></li>
</ul>                                
<li><strong><a href="volunteer.html">Volunteer</a></li>                     
<li><a href="shop.html">Shop</a></li>                          
<li><a href="contact.html">Contact </a></li>                       
<li><a href="links.html">Links</a></strong></li>
</ul>
</div>
</div>
</div>

<div id="wrapper">
<div class="wrapper_leftpanel">
<div id="navi_drop">
<ul >
<li><a href="index.html">HOME</a></li>                          
<li><a href="about.html">ABOUT</a></li>                      
<li><a href="donate.html">DONATE</a></li>                      
<li><a href="volunteer.html">VOLUNTEER</a></li>                      
<li><a href="shop.html">SHOP</a></li>                          
<li><a href="contact.html">CONTACT</a></li>                       
<li><a href="links.html">LINKS</a></li>
</ul>
</div>
</div>
</div>

<div id="footer">
<div class="footer">
<ul style="text-align:right;">
<li><a href="index.html">Home</a></li>   
<li><a href="about.html">About</a></li>
<li><a href="donate.html">Donate</a></li>      
<li><a href="volunteer.html">Volunteer</a></li>       
<li><a href="shop.html">Shop</a></li>     
<li><a href="contact.html">Contact</a></li>        
<li><a href="links.html">Links</a></li>
</ul>
</div>
</body>
</html>
4

0 回答 0