背景图像仅显示为空白答案

【问题标题】：background-image only displays as blank背景图像仅显示为空白
【发布时间】：2012-12-20 16:14:05
【问题描述】：

我已经阅读了网站上关于正确路径引用等的许多消息，例如在加载 CSS 背景图像时，但无法解决此问题。我的 CSS 参考是：

.pageLoading
{
   display: block;
   height: 100%;
   width: 100%;
   background: no-repeat left top;
   background-image: url(<%=ResolveUrl('~/Resources/loading.gif')%>);
}

我正在通过一个按钮 OnClientClick="HideContent();" 来影响这个更改，该按钮执行以下 JavaScript：

document.getElementById("<%=Master.PageLoadingDivTag.ClientID%>").style.display = "block";

当我单击按钮时，页面的内容会消失，只替换为空白表单。无论我使用哪个图像，行为都是相同的。
所有文件（Site.Master、Site.css 和 loading.gif）都在同一个 Resources 目录中，因此它应该能够毫无问题地引用这些文件。

感谢您的帮助！

【问题讨论】：

如果它们都在同一个目录中，那么只需尝试 background-image: url(loading.gif');
那是我的第一次尝试，但我逐渐在参考中添加了越来越多的内容，因为它不起作用。

标签： javascript .net css visual-studio-2010

【解决方案1】：

正如您在 CSS 描述中看到的，我已将高度和宽度设置为 100%。根据它实际显示的标签的位置，但我只是看不到它。我为尺寸设置了一个绝对值，现在它工作正常。谢谢！

【讨论】：