3

我正在使用 CSS3 在我的 Web 应用程序中创建圆角边框。我创建了一个空白的 asp.net 应用程序，我有一个母版页和一个内容页。内容页面按预期引用母版页，母版页几乎是开箱即用的标准母版页。当我在没有modernizr的情况下在本地运行页面时，在所有浏览器中看起来都很好，但是当我在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 只是一个包含的库，您引用它然后忘记它，它几乎可以处理其余部分。也许还有更多。

4

1 回答 1

5

这是坏的，不会工作：

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

你需要这个：

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

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

于 2011-08-17T17:37:15.657 回答