2013-10-17 73 views
0

我在頁面上工作,我似乎無法弄清楚它爲什麼不會在IE 8上顯示。如果右鍵單擊並查看源頁面代碼正在加載,但整個頁面只顯示空白和白色。網站在Chrome/Firefox/IE 9+上顯示效果不錯,但在IE 8上顯示爲白色頁面

我似乎無法弄清楚它是因爲它在Firefox,Chrome和IE 9及更高版本中顯示正常。任何人都有這種情況/可以看到我的代碼中有什麼問題?

頁:http://kozyheat.com

代碼:

<!DOCTYPE html> 
<!--[if lt IE 7]>  <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> 
<!--[if IE 7]>   <html class="no-js lt-ie9 lt-ie8"> <![endif]--> 
<!--[if IE 8]>   <html class="no-js lt-ie9"> <![endif]--> 
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> 
    <head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
    <title>Kozy Heat Fireplaces</title> 
    <meta name="description" content="For over 35 years, our commitment to quality and customer satisfaction remain the same. We offer a complete line of gas & wood fireplaces, unique cabinets and stylish accessories to complement any decor."> 
    <meta property="og:site_name" content="Kozy Heat Fireplaces"/> 
    <meta property="og:title" content="Kozy Heat Fireplaces"/> 
    <meta property="og:description" content="For over 35 years, our commitment to quality and customer satisfaction remain the same. We offer a complete line of gas & wood fireplaces, unique cabinets and stylish accessories to complement any decor."/> 
    <meta property="og:image" content="http://kozyheat.com/img/desktop/facebooklogo.png"> 
    <meta name="viewport" content="width=device-width"> 
    <script src="/scripts/js/desktop/jquery-1.10.2.min.js"></script> 
    <script src="/scripts/js/desktop/bootstrap.min.js"></script> 
    <script src="/scripts/js/desktop/modernizr-2.6.2.min.js"></script> 
    <script src="/scripts/js/desktop/selectivizr-min.js"></script> 
    <link rel="stylesheet" href="/css/desktop/bootstrap.min.css"> 
    <link rel="stylesheet" href="/css/desktop/bootstrap-responsive.min.css"> 
    <link rel="stylesheet" href="/css/desktop/font-awesome.min.css"> 
    <link rel="stylesheet" href="/css/desktop/main.css"> 


    <link rel="shortcut icon" href="/img/favicon/favicon.png"> 
    <!--[if lte IE 9]> 
    <link rel="stylesheet" href="/css/desktop/main_ie8.css"/> 
    <![endif]--> 
    <script> 


     var backgroundInfo = [ 
     {"imgURL": "/media/13631/dassel1.jpg", "URL": "product/dassel", "Name": "Dassel", "Description": "Keep the home fires burning with the Dassel gas fireplace. Numerous customizing options to fit any d&#233;cor."}, 
     {"imgURL": "/media/13660/northernfirelights2.jpg", "URL": "product/northern_firelights_patio_fireplace_table", "Name": "Northern Firelights Patio Fireplace Table", "Description": "What could be better than relaxing by, dining around or simply just enjoying the beauty of a patio fireplace table."}, 
     {"imgURL": "/media/13624/bayport3.jpg", "URL": "product/bayport-l", "Name": "Bayport-L", "Description": "Our most popular 42」 fireplace is now available in a Clean Face version. The Bayport-L offers a large and impressive viewing area with our most realistic logs and burner system yet. This fireplace is ordered in either the Log Set model or the Glass Media model."}, 
     {"imgURL": "/media/13654/minnetonka3.jpg", "URL": "product/minnetonka", "Name": "Minnetonka", "Description": "The Minnetonka fireplace offers you a deeper firebox and an exterior-controlled &quot;heat-dump&quot; feature."} 
     ]; 

     $(window).load(function() { 
     updateBackground(1); 
     }); 

    </script> 
    <script src="/scripts/js/desktop/main.js"></script> 
    <script>function detectMobile() { 
     var e = navigator.userAgent.toLowerCase(); 
     var t = mobiles; 
     var n = false; 
     for (var r = 0; r < t.length; r += 1) { 
      if (e.indexOf(t[r]) != -1) { 
      n = t[r] 
      } 
     } 
     return n 
     } 
     $(function() { 
     if (detectMobile()) { 
      window.location.href = "http://kozyheat.com/mobile/" 
     } 
     }); 
     var mobiles = ["midp", "240x320", "blackberry", "netfront", "nokia", "panasonic", "portalmmm", "sharp", "sie-", "sonyericsson", "symbian", "windows ce", "benq", "mda", "mot-", "opera mini", "philips", "pocket pc", "sagem", "samsung", "sda", "sgh-", "vodafone", "xda", "palm", "iphone", "ipod", "ipad", "android"]</script> 
    </head> 
    <body class="container-fluid"> 
    <script type="text/javascript"> 
     var _gaq = _gaq || []; 
     _gaq.push(['_setAccount', 'UA-8302527-1']); 
     _gaq.push(['_trackPageview']); 

     (function() { 
     var ga = document.createElement('script'); 
     ga.type = 'text/javascript'; 
     ga.async = true; 
     ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; 
     var s = document.getElementsByTagName('script')[0]; 
     s.parentNode.insertBefore(ga, s); 
     })(); 
    </script> 
    <div class="row-fluid"> 
     <aside class="span3"> 
     <a href="/" class="nostyle"><img id="logo" src="/img/desktop/logo.png" alt="Kozy Heat Fireplaces"></a> 

     <div class="fluid-row"> 
      <div class="span10 offset1"> 
      <h3>Our Story</h3> 
      <p>For over 35 years, our commitment to quality and customer satisfaction remain the same. We offer a complete line of gas &amp; wood fireplaces, unique cabinets and stylish accessories to complement any decor.</p> 
      <a href="/about_us" class="btn btn-dark pull-right">Read More</a> 
      </div> 
     </div> 
     <div class="fluid-row"> 
      <div class="span10 offset1"> 
      <h3>Upgrade Today</h3> 
      <p>Ask us about our ways to upgrade your fireplace today with a SIT Proflame Remote control.</p> 
      <a href="/contact_us" class="btn btn-dark">Get Started</a> 
      </div> 
     </div> 

     </aside> 
     <div class="span9 clearMargin"> 

     <nav class="row-fluid"> 
      <a href="/about_us" class="btn btn-topnav">About Us</a> 
      <a href="/products" class="btn btn-topnav">Products</a> 
      <a href="/find_a_dealer" class="btn btn-topnav">Find A Dealer</a> 
      <a href="/support" class="btn btn-topnav">Support</a> 
      <a href="/architects_builders" class="btn btn-topnav">Architects &amp; Builders</a> 
      <a href="/contact_us" class="btn btn-topnav">Contact Us</a> 
     </nav> 

     <section class="main clearfix"> 

      <div class="box"> 
      <div class="row-fluid" style="height:100%"> 
       <section class="column"> 
       <div id="imageRotator" class="row-fluid"> 
        <span class="imgRotArrowLeft" onClick="updateBackgroundPrev();">‹</span> 
        <h2 id="imgRotName" class="clearMargin"></h2> 
        <p id="imgRotDesc"></p> 
        <a href="#" id="imgRotBtn" class="btn btn-light pull-right">Learn More</a> 
        <span class="imgRotArrowRight" onClick="updateBackgroundNext();">›</span> 
       </div> 
       </section> 
      </div> 
      </div> 

     </section> 
     <footer class="row-fluid"> 
      <div class="span3"> 
      <a class="nostyleW margR20" href="https://twitter.com/kozyheatfire" target="_blank"><i class="icon-twitter icon-3x"></i></a> 
      <a class="nostyleW margR20" href="https://www.facebook.com/KozyHeatFireplaces" target="_blank"><i class="icon-facebook icon-3x"></i></a> 
      <a class="nostyleW margR20" href="http://www.linkedin.com/company/2624342" target="_blank"><i class="icon-linkedin icon-3x"></i></a> 
      <a class="nostyleW margR20" href="http://www.youtube.com/user/KozyHeatFireplaces" target="_blank"><i class="icon-youtube icon-3x"></i></a> 
      </div> 
      <div class="span8"> 
      <div class="row-fluid clearPadding" style="padding-bottom:5px;"> 
       <a class="W" href="about_us">About Us</a> | 

       <a class="W" href="products">Products</a> | 
       <a class="W" href="find_a_dealer">Find a Dealer</a> | 
       <a class="W" href="support">Support</a> | 
       <a class="W" href="architects_builders">Architects &amp; Builders</a> | 
       <a class="W" href="contact_us">Contact Us</a> | 
       <a class="W" href="dealers_login">Dealers Secured Area</a> 
      </div> 
      <div class="row-fluid clearPadding"> 
       <strong>&copy; 2013 Hussong MFG &mdash; 204 Industrial Park Drive/Lakefield, MN 56150/<a class="W" href="tel:1-800-253-4904">800-253-4904</a></strong> 
      </div> 
      </div> 
     </footer> 
     </div> 
    </div> 
    </body> 
</html> 

更新: 我確信沒有緩存(手動復位,設置爲在退出復位,跑的CCleaner)。我通過這個皿也重置所有IE 8點的設置:http://windows.microsoft.com/en-us/windows-vista/reset-internet-explorer-8-settings 這裏是我的問題的截圖:IE 8 in XP VM

+0

只是爲了讓你知道。我在IE8或IE7中都沒有問題。 – Adnaves

+0

點擊幾個鏈接,有時會隨機加載幾頁,然後點擊幾下後停止。 – cvocvo

+0

爲我工作的IE8和IE7。你確定IE8沒有緩存問題嗎?確保從您的IE清空緩存,然後重試。 –

回答

2

好吧,我終於想出瞭解決方案。 Selectivizr是導致與字體面衝突IE 8詳見這裏: Why is selectivizr.js causing "white screen of death" in IE8?

所以解決方案是隻給selectivzr到不是IE瀏覽器8 ...這是一種反直覺的,但它適用於現在。

代碼:

<!--[if !IE 8]><!--> 
<script src="/scripts/js/desktop/selectivizr-min.js"></script> 
<!--<![endif]--> 
0

更改DOCTYPE的HTML 4

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
+0

試過,仍然沒有骰子;我也做了一段時間HTML模型的頁面似乎與HTML 5 doctype一樣好。 – cvocvo

0

Cache是​​一個很大的因素更新網站,並刷新時很多看你的更新是否有效。很多時候你可能會看到舊的緩存,這似乎是問題在這裏。

清除緩存並刪除所有數據。關閉IE。再次打開。現在它應該工作。點擊此處查看說明:http://kb.wisc.edu/page.php?id=12314

請務必在更改網站代碼時定期清除緩存,否則在您認爲修復某些內容(或者認爲您沒有修改內容)時總是冒風險,但實際上您只是查看舊緩存。這可能會導致問題,因此請務必在更新網站時經常清除緩存。

p.s.你的網站看起來非常好。榮譽給你! :)