Question

我认为我在我的网站的其他部分与早期版本的IE兼容方面表现相当不错，但由于某种原因，顶部的主导航在8或更早的版本中全部搞砸了。知道为什么吗？

这是一个仅包含主导航的示例网站：http://prayerpond.com/test3.php

html在这里：

<body>    
<!--FACEBOOK SDK-->
    <script>
      window.fbAsyncInit = function() {
        FB.init({
          appId      : '397219657127680',
          xfbml      : true,
          version    : 'v2.3'
        });
      };

      (function(d, s, id){
         var js, fjs = d.getElementsByTagName(s)[0];
         if (d.getElementById(id)) {return;}
         js = d.createElement(s); js.id = id;
         js.src = "//connect.facebook.net/en_US/sdk.js";
         fjs.parentNode.insertBefore(js, fjs);
       }(document, 'script', 'facebook-jssdk'));
    </script>
    <!--END FACEBOOK SDK-->

    <div id="wrapper">
    <div id="header">
    <div id="logo"><a href="index.php"><img src="images/none-big.png" class="logo_big"></a></div>
    <nav id="mainnav">

    <ul>

    <li><a href="menu.php" class="profilebutton"><img src="images/icon_menu.png" class="navbutton"></a></li>

    <li><a href="my_journal_preanswered_prayers.php" class="journalbutton"><img src="images/icon_journal2.png" class="navbutton"></a></li>

    <li><a href="notifications.php" class="notificationsbutton"><img src="images/icon_notifications2.png" width="22" height="276" class="navbutton"></a></li>

    <li><a href="faith_boosters.php" class="mustreadbutton"><img src="images/icons_must_read2.png" class="navbutton"></a></li>

    </ul>

    </nav></div></div></body>

CSS在这里 - ＆gt; http://prayerpond.com/header.css

Answer 1

啊，我想通了。因为@media不能在CSS 1或2中工作，所以我需要确保在@media条件之外存在默认版本。

我的主导航不在IE 8或更低版本中工作

1 个答案: