HTML5shiv不會對IE8

-1

正常工作，我嘗試使用HTML5shiv（從谷歌下載）到我的菜單形式的橫向菜單！問題是當我使用localhost打電話給我的網站時，菜單很完美。但是，當我打電話使用IP（例如192.168.1.1/menu.aspx）我的網站，菜單不正確的格式化。顯然，我需要能夠調用中使用知識產權而不是本地主機的網站，出於明顯的原因:)HTML5shiv不會對IE8

第一張圖片是我想要的。第二個是它的樣子。 Correct Menu Incorrect Menu。

<%@ page Language="VB" CodeFile="test_menu.aspx.vb" Inherits="ddd" %> 
    <!DOCTYPE html> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
     <head runat="server"> 
    <meta lang="th" charset="windows-874" /> 
     <!--[if lte IE 9]> 
    <script src="/CSS/html5_2.js"></script> 
    <![endif]--> 
    <title></title> 
    <style type="text/css"> 

     nav{font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-left:30px;border-radius:5px; width:90%;margin-right: 0px; 
     } 
    nav ul{ margin:0px; padding:0px;} 
    nav ul li{list-style-type:none; display:inline-block; margin:0 0 0 -3px} 
    nav ul li a{ display:block; color:#FFFFFF;text-decoration:none; text-  transform:uppercase; padding:10px 25px; background:#2429E8; border-right:solid 1px #fff;text-wrap:none;} 
    nav ul li:hover>a{ background:#49A3FF} 
    nav ul li:first-child a{border-radius:5px 0 0 5px;text-wrap:none;} 
    nav ul li:last-child a{border-radius:0 5px 5px 0;} 
/*...First-Level...*/ 
    nav ul li ul li:first-child a{border-top:solid 5px #fff;text-wrap:none;} 
    nav ul li ul li:last-ch`enter code here`ild a{border-bottom:solid 5px #fff;text-wrap:none;} 
    nav ul li ul{position:absolute; display:none; /*width:340px;*/ margin:0;text-wrap:none;white-space:nowrap} 
nav ul li:hover ul{display:block;text-wrap:none;white-space:nowrap;} 
nav ul li ul li{display:block; position:relative; border:none;text-wrap:none;} 
nav ul li ul li a{ border-bottom:solid 1px #f4f4f4; border-right:5px solid #fff; border-left:5px solid #fff; border-radius:0px!important; background:#2429E8; margin:0px; padding:5px; text-wrap:none;} 

/*...Second-Level...*/ 
nav ul li:hover ul ul{display:none} 
nav ul li ul li:hover>ul{display:block} 
/*...Third-Level...*/ 
nav ul li ul li ul{display:none; background:#2429E8; position:absolute; top:-10%; left:145px; width:140px;} 

     .auto-style1 { 
      width: 90%; 
      border: 1px solid #c0c0c0; 
     } 
    </style> 

</head> 
<body> 
    <form id="form1" runat="server"> 
     <table class="auto-style1"> 
      <tr> 
       <td><nav> 
    <ul> 
     <li><a href="/">Home</a></li> 
     <li><a href="#">Treaty</a> 
     <ul> 
      <li><a href="#">Create New Treaty</a></li> 
      <li><a href="#">Add Reinsurer to Treaty</a></li> 
      <li><a href="#">Change Treaty</a></li> 
      <li><a href="#">Change Reinsurer to Treaty</a></li> 
     </ul></li> 
     <li><a href="#">Faculatative</a></li> 
     </ul> 
    </nav>  
       </td> 
       <td> 

    </td> 
      </tr> 
     </table> 
    <div> 
     <br /><br /> 

    </div> 
    </form> 
</body> 
</html>

我正在使用.net 4，IIS7在windows7和IE8上運行。關鍵是爲什麼在使用「localhost」時使用IP不起作用

來源

2013-11-21 vasin1987

這麼長的投票前...... – vasin1987

從圖像中，這似乎是瀏覽器特定的問題，而不是HTML5shiv問題。

，請檢查其Document Mode你的IE8在運行如果是IE8那麼它的其他一些錯誤。如果是別的東西比IE8請添加此meta標籤作爲<head>標籤的第一個元素。

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

來源

2013-12-16 11:23:30 theChinmay

哇！這項工作很完美！無論如何，我前一段時間更改爲asp.net Menu Control。非常感謝！ – vasin1987

HTML5shiv不會對IE8

回答

相關問題