在div中显示图像

我有问题在div元素中显示图像。在div中显示图像

在div中是一个自定义的网页控件（一个登录控件）。

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Login.aspx.cs" Inherits="Login" Theme="Styles" %> 
<%@ Register src="wucLogin.ascx" tagname="wucLogin" tagprefix="log" %> 

<!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>Login</title> 
    <link rel="Stylesheet" type="text/css" href="App_Themes/Styles/LoginStyleSheet.css" /> 
</head> 
<body> 
    <form id="form1" runat="server"> 
     <div id="divLogin"> 

     <log:wucLogin id="WebUserControlLogin" runat="server" />   
     </div> 
    </form> 
</body> 
</html>

所有内容都按照它应该显示。一个基本的登录控制，一些基本的布局和一个蓝色的背景。

但是，当我尝试把图片放在div中我无法得到它显示。我尝试了所有可能的图像路径，所以我不认为我在那里犯了一个错误。

基本上我想登录控制显示，其背后有一张图片（居中）。

CSS的div元素（在地图图像直接在根地图：

#divLogin 
{ 
    background-image: url('../Images/test2.png'); 
    background-repeat: no-repeat; 
    background-position:center; 

    position: absolute; 
    text-align: center; 

    top: 40%; 
    left: 52.8%; 
    width: 401px; 
    height: 123px; 
    margin-top: -61,5px; 
    margin-left: -250px; 
}

问候

来源

2011-03-27 Jakrez

确保图像路径相对于css文件而不是aspx文件。 – 2011-03-27 13:11:59

我没有看到你的页面上“divLog”的ID ..只是“divLogin” ..会是问题？

来源

2011-03-27 13:12:27 Silvertiger

在这里粘贴代码时，这是一种典型代码，它的属性以我的代码命名。 – Jakrez 2011-03-27 13:18:22

改变位置相对，并把登录的东西像格内。同时更新顶部和左侧的相对定位。

Ĵ这是一个想法。

来源

2011-03-27 13:12:47 mofirouz

图像和登录都已经在同一个div中。 – Jakrez 2011-03-27 13:19:08

在div中显示图像

回答

相关问题