2013-04-21 105 views
0

我在VS 2012中使用asp.net。我創建了一個母版頁並將其設計爲主要部分,並在其中使用CSS和JS。現在我添加一個內容頁面。但我有一個問題:
- 爲什麼我不能在內容頁面中看到我的CSS效果?
主頁面名稱爲「amood.master」,內容頁面爲「aboutUS.aspx」。
詳細解釋道:「我看到母版頁CSS效果,但使用acontent頁面的時候,所有的CSS效果是禁用!WHY」 Web表單的
的源代碼:爲什麼不在主頁面的webform中呈現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/>[email protected]', 
       w: 200 
      }, 
      L3: { 
       caption: 'طراح سايت', // optional caption 

       txt: 'حميد طالبي<BR/>طراح و برنامه نويس سايت<BR/>[email protected]', 
       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> 

master page without web form

master page with web form

回答

0

其中一個可能的原因是CSS在每個頁面相對於自身的情況下開始引用路徑。所以你必須確保你的母版頁面和頁面應該遵循相同的相關結構。例如

  mysite.css 
      Master.master 
      MyPage.aspx 

其他方式

  mysite.css 
      Shared/Master.master 
      Admin/MyPage.aspx 
相關問題