2012-11-28 121 views
2

我需要爲我的網站設置背景,以便母版頁的每個網頁表單子項都能顯示背景圖片。 我搜索了它,發現了一些答案,但他們沒有做任何事情。 我附上我的母版頁的HTML代碼和圖像顯示我想要的背景:無法在MasterPage上設置背景

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="Pages_MasterPage" %> 

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %> 

<!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>Qwik ProjecTrace</title> 
    <asp:ContentPlaceHolder id="head" runat="server"> 
    </asp:ContentPlaceHolder> 

    <style type="text/css"> 
     .style1 
     { 
      width: 100%; 
     } 
     .style2 
     { 
      text-align: center; 
      font-size: 40pt; 
      color: #0066CC; 
     } 
     .style3 
     { 
      font-size: x-large; 
     } 



     body 
     { 
      background:url('/style/images/IMS-Backgroung.jpg') no-repeat left top; 
     } 





</style> 
    <link href="../Style/site.css" rel="stylesheet" type="text/css" /> 


</head> 
<body> 
    <form id="form1" runat="server"> 

    <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"> 
    </asp:ToolkitScriptManager> 

    <table class="style1"> 
     <tr> 
      <td runat="server" style="direction: ltr"> 
       <asp:Image ID="mes1" runat="server" style="text-align: left" /> 
      </td> 
      <td class="style2"> 
       <strong style="font-size: 40">Qwik ProjecTrace<br /> 
       <span class="style3">you see what we do 24/7</span></strong></td> 
      <td runat="server" style="direction: rtl"> 
       <asp:Image ID="mes2" runat="server" style="text-align: right" /> 
      </td> 
     </tr> 
    </table> 
    <div> 
     <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server"> 

      <p></p> 

     </asp:ContentPlaceHolder> 
    </div> 
    </form> 
</body> 
</html> 

Here's the path to the background image:

有誰知道什麼是錯我的代碼?以及如何設置背景?

感謝提前

+1

你的身體CSS班級有效。 Site.css可能會覆蓋它。 – Win

回答

0

找到下面的代碼解決方案(這似乎是在我的情況,我有某種問題與包含文件夾):

body 
    { 
     background-image: url('../style/images/Background.jpg'); 
     background-repeat:no-repeat; 
    } 
1

更改機身風格是這樣的:

body 
{ 
    background-image: url('/style/images/IMS-Backgroung.jpg'); 
    background-repeat:no-repeat; 
} 

確保從那裏你是accesing中的「/風格/圖片/」父文件夾「坐」頁面。

我建議你使用asp.net主題,你可以像這樣指向圖片:background-image:url('IMS-Backgroung.jpg'),並且可以用於整個web應用程序結構。

更多的主題可以ASP.NET Themes and Skins

+0

我的母版頁位於「Pages」目錄中,背景位於/ style/images。 我試着根據你的建議改變我的代碼,但是當我加載其中一個子窗體時它仍然不顯示背景。 – Yanker

+0

這個孩子與母版頁或子文件夾在同一個目錄下嗎? –

+0

確實如此。您可以在我添加的圖片中清楚地看到它:查看「網頁」目錄 - 您將找到主頁面和登錄頁面等等。 – Yanker