我正在使用 CSS3 在我的网络应用程序中创建圆 Angular 边框。我创建了一个空白的 asp.net 应用程序,我有一个母版页和一个内容页。内容页面按预期引用母版页,母版页几乎是开箱即用的标准母版页。 当我在没有 modernizr 的情况下在本地运行页面时,在所有浏览器中看起来都很好,但是当我在母版页的标签中包含 modernizr .js 文件引用时,我得到一个空白的 html 页面,其背景颜色是我在我的 css 文件中设置的。标签之间的所有内容都不会被渲染。
这是我使用 border-radius 属性的 CSS 片段。
#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 只是一个包含的库,你引用它然后忘记它,它几乎会处理剩下的事情。也许不止于此。
最佳答案
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>
这是一个你只会犯一次的错误。
关于asp.net - 包含 Modernizr JS 库会使 asp.net 站点的整个 <body> 内容无法呈现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7096957/