ASP.NET背景圖片

我正在使用VS2005 C＃。ASP.NET背景圖片

我有一個.aspx登錄頁面，我想實現一個背景圖像。下面是我當前頁面截圖：

enter image description here

下面是我的後臺代碼：

<div align="center" style="background-color: transparent; background-image: url(Images/blue.jpg);"> 
<asp:login id="Login1" runat="server" font-size="Large" BackColor="#F7F6F3" BorderColor="#E6E2D8" BorderPadding="4" BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" ForeColor="#333333" DestinationPageUrl="~/Common/Default.aspx" DisplayRememberMe="False" FailureText="Login failed" RememberMeSet="False" Height="224px" Width="384px"> 
    <TitleTextStyle BackColor="#5D7B9D" Font-Bold="True" Font-Size="0.9em" ForeColor="White" /> 
    <InstructionTextStyle Font-Italic="True" ForeColor="Black" /> 
    <TextBoxStyle Font-Size="0.8em" /> 
    <LoginButtonStyle BackColor="#FFFBFF" BorderColor="#CCCCCC" BorderStyle="Solid" BorderWidth="1px" 
    Font-Names="Verdana" Font-Size="0.8em" ForeColor="#284775" /> 
</asp:login> 
</div>

我試圖外面放<div>標籤，但背景圖像似乎只是堅持的登錄控件的寬度高度。

我可以知道如何擴展圖像以覆蓋整個背景？

謝謝

來源

2011-12-05 gymcode

1）使用CSS樣式表 - 添加<link rel="stylesheet" type="text/css" href="styles.css" />包含它。

2）應用的背景機體：

body { 
    background-image:url('images/background.png'); 
    background-repeat:no-repeat; 
    background-attachment:fixed; 
}

參見：

http://www.w3schools.com/css/css_howto.asp

http://www.w3schools.com/cssref/pr_background-position.asp

來源

2011-12-05 09:54:41 Spikeh

如果你想設置的圖像作爲背景的整個頁面，使用此：

body 
{ 
    background-image: url('Image URL'); 
}

來源

2011-12-05 09:59:26

調整您的背景圖像的圖像編輯器，你想與您的登錄框的大小，這應有助於頁面加載和保存圖像質量...您的DIV相對

難尺寸圖像

位置你的ASP：這裏需要登錄控制......在body標籤

來源

2012-06-18 15:01:46 Roger

寫這樣的代碼

<body style="background-image: url('Image URL');" > 
</body>

來源

2013-08-16 09:44:15

使用此代碼的代碼背後

Div_Card.Style["background-image"] = Page.ResolveUrl(Session["Img_Path"].ToString());

來源

2016-07-08 21:05:24 user3511084

只是擡起頭來，雖然這裏發佈的一些答案是正確的（某種意義上），您可能需要做的一件事是回到根文件夾以深入到保存圖像的文件夾中想要設置爲背景。換句話說，這個代碼是正確的完成你的目標：

body { 
    background-image:url('images/background.png'); 
    background-repeat:no-repeat; 
    background-attachment:fixed; 
}

但你可能還需要多一點添加到代碼中，像這樣的：

body { 
    background-image:url('../images/background.png'); 
    background-repeat:no-repeat; 
    background-attachment:fixed; 
}

的區別，因爲你可以看到，您可能需要在「images/background.png」調用前添加「../」。這個規則也適用於HTML5網頁。因此，如果您嘗試在此處列出的第一個示例代碼，但仍未獲取背景圖像，請嘗試在「圖像」前添加「../」。希望這有助於。

來源

2018-02-27 15:52:07

ASP.NET背景圖片

回答

相關問題