3

CSS3を使用して、Webアプリで丸みを帯びた境界線を作成しています。空白のasp.netアプリケーションを作成しました。マスターページと1つのコンテンツページがあります。コンテンツページは期待どおりにマスターページを参照し、マスターページはほとんど標準のマスターページです。modernizrを使用せずにローカルでページを実行すると、すべてのブラウザーで問題なく表示されますが、masterpageのタグ内にmodernizr .jsファイル参照を含めると、cssファイルで設定した背景色の空白のhtmlページが表示されます。タグ間のすべてがレンダリングされていません。

これは、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、devバージョン、カスタムバージョン、本番バージョンから複数の.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 に答える