Я использую CSS3 для создания округленных границ в своем веб-приложении.Я создал пустое приложение asp.net, у меня есть главная страница и одна страница контента.Страница содержимого ссылается на мастер-страницу, как и ожидалось, и мастер-страница в значительной степени стандартная из готовой мастер-страницы.Когда я запускаю страницу локально, без modernizr, все выглядит нормально во всех браузерах, однако, когда я включаю ссылку на файл modernizr .js в теги мастер-страницы, я получаю пустую html-страницу с цветом фона, который я настроил в моем файле css.Все, что находится между тегами, не отображается.
вот мой фрагмент кода 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>
Надеюсь, это не излишний код ... Я пробовал несколько файлов .js из modernizr, версии dev,пользовательская версия, производственная версия ... все, кажется, дают одинаковые результаты.Возможно, я не настраиваю его должным образом, у меня сложилось впечатление, что modernizr - это просто включенная библиотека, на которую вы ссылаетесь, а потом забываете об этом, и она в значительной степени заботится обо всем остальном.Возможно, в этом есть нечто большее.