Javascript 背景图像仅显示为空白

我已经在网站上阅读了很多关于正确路径引用的信息，比如加载CSS背景图像时，但是没有能够解决这个问题。 我的CSS参考是：

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

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

---

谢谢你的帮助

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

---

谢谢

如果它们都在同一个目录中，那么只需尝试背景图像：url（loading.gif'）；这是我第一次尝试，但我逐渐增加了越来越多的参考，因为它不起作用。

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