Windows 8 - 배경 이미지 사용

첫 Windows 8 앱을 만들고 있는데 CSS에 문제가 있습니다!Windows 8 - 배경 이미지 사용

내 안에 images이라는 폴더와 배경 질감 bg.png이 있습니다. 또한 스타일 시트는 css 폴더에 있습니다.

CSS :

#contenthost { 
    height: 100%; 
    width: 100%; 
    background: url("../images/bg.png") repeat; 
}

그러나 아무것도 일이! 나는 작동하는 background: #999을 시도했다. 어떻게해야합니까?

2012-10-09 Anonymous

당신은 당신의 이미지 경로를 확인 했습니까? –

이미 SO에서 답변 한대로 CSS의 URL은 HTML 파일이 아닌 CSS 파일과 관련이 있습니다. http://stackoverflow.com/a/940475/268 –

나는 응용 프로그램 루트에 이미지 상대의 경로로 예를 시도하고 문제없이 일이 될 것입니다 코드의 관점에서

#contenthost { 
    height: 100%; 
    width: 100%; 
    background-image: url('/images/logo.png'); 
    background-repeat: repeat; 
}

#contenthost { 
    height: 100%; 
    width: 100%; 
    background: url('/images/bg.png') repeat; 
}

2012-10-09 10:35:34

고마워, 작동합니다! :) –

이 경우, 위의 절대 경로와 상대 경로를 사용하면 경로가 아닙니다. id = contenthost를 가진 요소가 있는지 확인해야합니다.

CSS id와 클래스를 모두 사용하도록하겠습니다. 스타일 지정 페이지 컨트롤에 들어가기 시작하면 (.mypage .sections)와 같은 클래스를 많이 사용하게됩니다. 당신은 또한 당신의 프로젝트 폴더에 이미지를 저장할 수 있습니다

 <body style="background-image: url('/images/bg.png');">

2012-10-09 12:25:48

마지막으로, 당신은 항상 같은 body 태그에 직접 개별 HTML 파일의 배경을 설정할 수 있습니다. 그리고이 같은 HTML 페이지에서로드가 :

<img id="mainImg2" src="ms-appdata:///Local//bckgrnd.jpg" />

2012-10-09 14:53:29 user1731468

답변