为什么不在母版页的 web 表单中呈现 css 属性？答案

【问题标题】：Why don't render css property in webform of master page?为什么不在母版页的 web 表单中呈现 css 属性？
【发布时间】：2013-04-21 09:31:54
【问题描述】：

我在 VS 2012 中使用 asp.net。我创建了一个母版页并在其主要部分进行设计，并在其中使用 CSS 和 JS。现在我添加一个内容页面。但我有一个问题：
--为什么我在内容页面看不到我的css效果？
母版页名称为“amood.master”，内容页为“aboutUS.aspx”。
更多解释：“我在母版页看到 css 效果，但是当使用内容页面时，所有 css 效果都被禁用！！！为什么？”
网页表单源代码：

<%@ Page Title="" Language="C#" MasterPageFile="~/amood.Master" AutoEventWireup="true" CodeBehind="WebForm3.aspx.cs" Inherits="newMetroDesign.WebForm3" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
</asp:Content>

这是母版页代码：

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="amood.master.cs" Inherits="newMetroDesign.amood" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <asp:ContentPlaceHolder ID="head" runat="server">

         <link href="CSS/Stylesss.css" rel="stylesheet" />
    <script src="js/dw_tooltip_c.js" type="text/javascript"></script>
    <link href="css/ex.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" >
        dw_Tooltip.defaultProps = {
            //supportTouch: true, // set false by default
            wrapFn: dw_Tooltip.wrapTextByImage
        }


        dw_Tooltip.content_vars = {
            L2: {
                caption: 'برنامه نويس', // optional caption 


                txt: 'مهدي تحصيلداري<br/>و پايگاه داده  C#.NET برنامه نويس<br/>m.tahsildari@gmail.com',
                w: 200
            },
            L3: {
                caption: 'طراح سايت', // optional caption 

                txt: 'حميد طالبي<BR/>طراح و برنامه نويس سايت<BR/>mr.talebihamid@hotmail.com',
                w: 200
            }
        }


    </script>

    </asp:ContentPlaceHolder>
</head>
<body>
        <div id="MASTERheader">
            <div id="masterlogocontainer">
                <ul>
                    <li class="logo">
                        <a class="headMenu ">
                            <div class="masterlogop"></div>
                        </a>
                    </li>
                    <li>
                        <a>
                            <img src="IMAGES/sadlogo.png" alt="logo" width="80" height="80" />

                        </a>
                    </li>
                </ul>
            </div>
            <div id="masternav">
                <ul>
                    <li >
                        <a href="#">
                        <img src="IMAGES/Telephone.png" /><br />

                        <span>تماس با ما</span>
                             </a>
                    </li>
                    <li >
                        <img src="IMAGES/About.png" /><br />
                        <a href="aboutus.aspx"></a>
                        <span>درباره ما</span>
                    </li>
                    <li >     
                        <a href="default.aspx">
                        <img src="IMAGES/Brush.png" />
                        <span> طراحی</span>

                        </a>
                    </li>
                    <li  >
                         <a href="default.aspx">
                        <img src="IMAGES/Market.png" /><br />

                        <span>محصولات</span>
                         </a>
                    </li>
                </ul>
            </div>
        </div>

    <div style="height:50px;"></div>

        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
        <div id="mastercontent">

        </div>
        </asp:ContentPlaceHolder>
    <a id="return" href="default.aspx">
            <div class="btnreturn">
                بازگشت
            </div>
        </a>
        <%--************************ FOOTER *****************************--%>

     <div id="masterfooter">
            <p>گروه طراحان ساد</p>

            <p>     آدرس دفتر مرکزي : مشهد – خيابان احمدآباد – رضا 16  - پلاک 67 </p>
            <p>All Rights Reserved For SAAD Co.  &nbsp; &copy; 2013</p>
                <p>  <a class="showTip L3 colour" href="#"> طراحي</a> و <a class="showTip L2 colour" href="#"> برنامه نويسي </a></p>

        </div>

</body>
</html>

【问题讨论】：

标签： asp.net visual-studio master-pages webforms content-pages

【解决方案1】：

其中一个可能的原因是，在每个页面都相对于自身的情况下，CSS 开始引用路径。所以你必须确保你的母版页和页面应该遵循相同的相对结构。示例

           mysite.css
           Master.master
           MyPage.aspx

其他方式

          mysite.css
          Shared/Master.master
          Admin/MyPage.aspx

【讨论】：