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背景图片

回答

相关问题