javascript div背景图像未显示

javascript div背景图像未显示,javascript,html,css,asp.net,Javascript,Html,Css,Asp.net,我试图在我的aspx页面中显示一个背景为图像的div。图像的名称为“PathFindingMap”(png文件),位于“images”文件夹中。“images”文件夹与aspx页面位于同一目录中。但是,页面上没有显示任何内容 在.aspx页面的客户端中,我有以下代码片段: <%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="floorPlan.as

我试图在我的aspx页面中显示一个背景为图像的div。图像的名称为“PathFindingMap”(png文件),位于“images”文件夹中。“images”文件夹与aspx页面位于同一目录中。但是,页面上没有显示任何内容

在.aspx页面的客户端中,我有以下代码片段:

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="floorPlan.aspx.cs" Inherits="ipsWebs.floorPlan" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1"  runat="server">
                        <div class="ClsdrawArea" id="draw_area" style="width: 100%; height:100%; background-image: url('images/PathFindingMap.png'); background-repeat: no-repeat; background-size:cover">
                            </div>

</asp:Content>


在chrome浏览器中,我按下f5并在网络上进行检查,它显示图像“PathFindingMap”已加载。然而,我在网页上什么也看不到。我试图复制并粘贴类似的代码"您是否尝试将图像的
生成操作
更改为
内容
复制到输出目录
属性更改为
复制(如果更新)

是否尝试将图像的
生成操作
更改为
内容
复制到输出目录
属性更改为
复制(如果更新)
较新的?

将背景图像设置为div时,宽度和高度不起作用。 以像素为单位提供高度和宽度,或使用引导

style="width: 100px; height:100px; 

请参见将背景图像设置为div时,宽度和高度不起作用。 以像素为单位提供高度和宽度,或使用引导

style="width: 100px; height:100px; 

请参见

您正在将背景图像设置为块元素。默认情况下,它的宽度为100%。但高度为0px。因此,您需要将一些像素设置为高以显示背景。

您正在将背景图像设置为块元素。默认情况下,它的宽度为100%。但高度为0px。因此,您需要将一些像素设置为高以显示背景