在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中顯示圖像

回答

相關問題