在Internet Explorer 8中看不到CSS菜单(潜在的javascript问题?)

时间:2011-06-29 20:49:37

标签: javascript css internet-explorer-8

我一直抱怨这个菜单栏在Internet Explorer 8中无法正常运行。我绝对没有CLUE这个代码有什么问题,因为它适用于所有其他浏览器,以及早期版本的IE。

这是网站:

http://www.iirusa.com/centrallab

你可以在这里看到CSS: http://www.iirusa.com/ed/4999/css/main.css

这是我的菜单代码:

    <script src="/upload/wysiwyg/AC_RunActiveContent.js" type="text/javascript>
    </script>
    <DIV id="header"><a href="/centrallab/home-page.xml"><img src="http://www.iirusa.com/upload/wysiwyg/2011-P-Div/P1625/P1625_Central_Labs_East.jpg" alt="Central Labs East" width="930" height="206" border="0" /></a></DIV>
    <DIV id="container">
    <ul id="nav">
    <li style="background: url(http://www.iirusa.com/upload/wysiwyg/2011-P-Div/P1625/P1625_menu_item_image.gif) no-repeat right center;"><a href="/centrallab/home-page.xml" title="HOME">HOME</a></li>
    <li style="background: url(http://www.iirusa.com/upload/wysiwyg/2011-P-Div/P1625/P1625_menu_item_image.gif) no-repeat right center;"><a href="#">EVENT DETAILS</a> 
    <ul>
        <li><a href="/centrallab/agenda-page.xml" title="Agenda At A Glance">Agenda At A Glance</a></li>
        <li><a href="/centrallab/workshop-page.xml" title="Monday Sessions">Monday Sessions</a></li>
        <li><a href="/centrallab/oncology-page.xml" title="Oncology Summit">Oncology Summit</a></li>
        <li><a href="/centrallab/speakers.xml" title="Speakers">Speakers</a></li>
        <li><a href="/centrallab/Whowillyoumeet.xml" title="Who You Will Meet">Who You Will Meet</a></li>
        <li><a href="/centrallab/attendees-page.xml" title="Attendees List">Attendees List</a></li>
        <li><a href="/centrallab/pricing-venue.xml" title="Pricing & Venue">Pricing & Venue</a></li>
    </ul>
    </li>

    <li style="background: url(http://www.iirusa.com/upload/wysiwyg/2011-P-Div/P1625/P1625_menu_item_image.gif) no-repeat right center;"><a href="#">PARTNERS</a> 
     <ul>
        <li><a href="/centrallab/sponsors-page.xml" title="Sponsors">Sponsors</a></li>
        <li><a href="/centrallab/exhibitors.xml" title="Exhibitors">Exhibitors</a></li>
        <li><a href="/centrallab/become-a-sponsor.xml" title="Become a Sponsor">Become a Sponsor </a></li>
        <li><a href="/centrallab/become-a-exhibitors.xml" title="Become an Exhibitor">Become an Exhibitor </a></li>
        <li><a href="/centrallab/become-a-media-partner.xml" title="Become a Media Partner">Become a Media Partner</a></li>
   </ul>
   </li>
 <li style="background: url(http://www.iirusa.com/upload/wysiwyg/2011-P-Div/P1625/P1625_menu_item_image.gif) no-repeat right center;"><a href="/centrallab/brochure-download.xml" title="Brochure">BROCHURE</a> </li>
 <li style="background: url(http://www.iirusa.com/upload/wysiwyg/2011-P-Div/P1625/P1625_menu_item_image.gif) no-repeat right center;"><a href="">REGISTRATION </a>
    <ul><li><a href="/centrallab/registration-LP.xml" title="Register">REGISTER </a></li>
      <li><a href="/centrallab/pricing-venue.xml" title="Pricing & Venue">Pricing & Venue</a></li>
      </ul></li>
      <li style="background: url(http://www.iirusa.com/upload/wysiwyg/2011-P-Div/P1625/P1625_menu_item_image.gif) no-repeat right center;"><a href="#">CONNECT</a>
      <ul>
      <li><a href="/centrallab/contact-page.xml" title="Contact Us">Contact Us</a></li>
      <li><a href="/centrallab/opt-in-page.xml" title="Opt-in">Opt-in</a></li>
      <li><a href="/centrallab/send_to_friend.xml" title="Send to a Friend">Send to a Friend</a></li>
      <li><a href="http://www.linkedin.com/groupRegistration?gid=151146&amp;goback=.gdr_1219853769141_1.anb_151146_*2" title="LinkedIn" target="_blank">LinkedIn</a></li>
     <li><a href="http://partnershipswithcros.blogspot.com/" title="Blog" target="_blank">Blog</a></li>
     <li><a href="http://twitter.com/partnershipcros?utm_source=sidebar&amp;utm_medium=croshomepage&amp;utm_term=croshomepage&amp;utm_content=followcros&amp;utm_campaign=homepage" title="Twitter" target="_blank">Twitter</a></li>
     <li><a href="http://labroots.com/?appinstanceid=groups&amp;action=view&amp;id=150" title="Labroots" target="_blank">Labroots</a></li>
    </ul></li>
   </ul>
 </DIV>

我能想到的另一个问题是我们引用的JS有问题可以在这里找到:http://www.iirusa.com/upload/wysiwyg/AC_RunActiveContent.js

如果可以提供帮助,请告诉我们!非常感激,并且会花费数小时的挫折感值得它!

2 个答案:

答案 0 :(得分:2)

它的IE6不是IE8。问题是IE6不支持:hover选择器以及a标记

答案 1 :(得分:2)

在我的IE8安装中,如果IE8处于兼容性视图中,则您的网站无效。

确保浏览器不会进入兼容性视图,只需将其添加到head

<meta http-equiv="X-UA-Compatible" content="IE=edge">

当IE8不在CV中时,菜单工作正常。