包括Modernizr JS庫使asp.net網站的整個<body>內容不渲染

我正在利用CSS3在我的web應用程序中創建圓角邊框。我創建了一個空白的asp.net應用程序，我有一個母版頁和一個內容頁。內容頁面按照預期引用主頁面，而主頁面幾乎是標準的開箱即用的主頁面。當我在沒有modernizr的情況下在本地運行頁面時，在所有瀏覽器中都看起來很好，但是當我在masterpage的標籤中包含modernizr .js文件引用時，我得到一個空白的html頁面，其背景顏色是我在css文件中設置的。標籤之間的所有內容都未呈現。包括Modernizr JS庫使asp.net網站的整個<body>內容不渲染

這裏是一個CSS片段，我有使用border-radius屬性。

#container {background:#444;width:860px;border:1px solid #FFF;border-radius: 30px 0px 30px 30px; margin:20px auto;padding:20px;}

，這裏是我的母版（你會發現Modernizr的註釋掉）

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="Site.Site" %> 

<!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 runat="server"> 
<title>Name</title> 
<asp:ContentPlaceHolder ID="head" runat="server"> 
</asp:ContentPlaceHolder> 
<link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'> 
<link rel="stylesheet" href="style/style.css" media="all" /> 
<!-- <script src="script/modernizr.custom.51561.js" type="text/javascript" /> --> 
</head> 
<body> 
<div id="container"> 
    <div id="header"> 
     <h1>Name</h1> 
     <p> text 
      </p> 
    </div> 
    <div id="nav"> 
     <ul> 
      <li><a href="">Nav Link</a></li> 
      <li><a href="">Nav Link</a></li> 
      <li><a href="">Nav Link</a></li> 
      <li><a href="">Nav Link</a></li> 
     </ul> 
    </div> 
    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> 
    </asp:ContentPlaceHolder> 

    <div id="footer"> 
     Links 
    </div> 
</div> 
</body> 
</html>

這裏是我的內容頁面

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="Site._default" %> 
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"> 
</asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server"> 
    <form id="form1" runat="server"> 
     <div id="content"> 
      <div class="column"> 
      </div> 
      <div class="column"> 
      </div> 
      <div class="column"> 
      </div> 
     </div> 
    </form> 
</asp:Content>

希望這是不是矯枉過正代碼...我已經嘗試了來自modernizr的多個.js文件，開發版本，定製版本，生產版本......都似乎產生了相同的結果。也許我沒有正確地設置它，我在這個印象之下modernizr只是一個你提到的包含的庫，然後把它忘掉了，而且它幾乎照顧了其餘的。也許除此之外還有更多。

來源

2011-08-17 Dylan Hayes

This is broken and won't work：

<script src="script/modernizr.custom.51561.js" type="text/javascript" />

你需要這樣的：

<script src="script/modernizr.custom.51561.js" type="text/javascript"></script>

這是一個錯誤，你將只會使一次。

來源

2011-08-17 17:37:15 thirtydot

賓果我可能看了100次而沒有看到它。我希望VS會把這個標記爲不正確的語法，可以爲我節省很多額外的戳。 –

+1，合法XML不合法XHTML總是令人困惑 – orip

包括Modernizr JS庫使asp.net網站的整個<body>內容不渲染

回答

相關問題