Question

我正在利用CSS3在我的网络应用程序中创建圆形边框。我创建了一个空白的asp.net应用程序，我有一个母版页和一个内容页面。内容页面按预期引用主页面，并且主页面几乎是标准的开箱即用主页面。当我在没有现代化的情况下本地运行页面时，所有浏览器中的内容都很好看，但是当我在masterpage的标签中包含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只是一个包含的库，你引用然后忘了它，它几乎照顾其余的。也许还有更多的东西。

Answer 1

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>

这是一个你只会做一次的错误。

包括Modernizr JS库使得asp.net网站的全部内容无法呈现

1 个答案: