Question

我在div元素中显示图像时遇到问题。

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

   <%@ 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中放一张照片时我无法显示它。我为图像尝试了所有可能的路径，所以我不认为我在那里犯了错误。

基本上我想要显示登录控件，后面是一张图片（居中）。

div元素的Css（地图图像直接是根中的地图：

#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;
}

最好的问候。

Answer 1

我在你的页面上看不到“divLog”的ID ..只是“divLogin”..这可能是问题吗？

Answer 2

将位置更改为相对位置，并将登录内容放入图像div中。还会更新顶部和左侧的相对位置。

只是一个想法。

在div中显示图像

2 个答案: