배경 이미지가 공백으로 만 표시됩니다.

CSS 배경 이미지를로드 할 때 올바른 경로 참조와 관련된 많은 메시지를 읽었지만이 문제를 해결할 수 없었습니다. 내 CSS 참조입니다 : 나는 다음과 같은 자바 스크립트를 실행하는 버튼 OnClientClick="HideContent();"을 통해 이러한 변화에 영향을 미치는 오전배경 이미지가 공백으로 만 표시됩니다.

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

: I 버튼을 클릭하면

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

페이지의 콘텐츠는 대신에 사라 빈 양식. 내가 사용하는 이미지에 관계없이 동작은 동일합니다.
모든 파일 (Site.Master, Site.css 및 loading.gif)은 동일한 Resources 디렉토리에 있으므로 문제없이 참조 할 수 있어야합니다.

도움 주셔서 감사합니다.

출처

2012-12-20 McArthey

모두 같은 디렉토리에 있다면 background-image를 사용해보십시오. url (loading.gif '); –

그것이 저의 첫 번째 시도 였지만 점차적으로 참조에 추가되었습니다. 왜냐하면 그것이 작동하지 않았기 때문입니다. – McArthey

CSS 설명에서 알 수 있듯이 높이와 너비를 100 %로 설정했습니다. 실제로 태그를 배치 한 태그의 위치에 따라 표시되지만 볼 수는 없습니다. 치수의 절대 값을 설정 했으므로 이제는 정상적으로 작동합니다. 감사합니다.

출처

2012-12-20 17:43:28 McArthey

배경 이미지가 공백으로 만 표시됩니다.

답변

관련 문제