2

マスターページの各Webフォームの子に背景画像が表示されるように、Webサイトの背景を設定する必要があります。私はそれをグーグルで検索し、いくつかの答えを見つけましたが、彼らは何もしませんでした。マスターページのhtmlコードと必要な背景を示す画像を添付しています。

    <%@ 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>

背景画像へのパスは次のとおりです。

誰かが私のコードの何が問題なのか知っていますか？そして、その背景を設定する方法は？

よろしくお願いします

4

2 に答える 2

1

次のようにボディスタイルを変更します。

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

アクセスしているページが「/style/images/」の親フォルダに「座っている」ことを確認してください。

次のような画像を指すことができるasp.netテーマを使用することをお勧めします：background-image：url（'IMS-Backgroung.jpg'）そしてWebアプリ構造全体で機能します。

テーマの詳細については、ASP.NETのテーマとスキンを参照してください。

于 2012-11-28T15:31:38.150 に答える
0

コードソリューションは次のとおりです（私の場合、フォルダーの格納に何らかの問題があったようです）。

body
    {
        background-image: url('../style/images/Background.jpg'); 
        background-repeat:no-repeat;
    }
于 2012-12-02T07:07:42.810 に答える