background-image仅显示为空白

时间:2012-12-20 16:14:06

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

我已阅读网站上有关正确路径引用的许多消息,例如加载CSS背景图片但无法解决此问题。 我的CSS参考是:

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

我通过执行以下JavaScript的按钮OnClientClick="HideContent();"来影响此更改:

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

当我点击按钮时,页面内容仅消失,只能替换为空白表格。无论我使用哪种图像,行为都是一样的 所有文件(Site.Master,Site.css和loading.gif)都在同一个Resources目录中,因此它应该能够毫无问题地引用它们。

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

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