2016-06-06 2 views
0

일식 javaEE를 사용하여 동적 웹 응용 프로그램을 작성합니다. body 태그 속성 background()에 의해 jsp 페이지에 배경 이미지를 추가하고 있습니다. 이클립스 inbuilt 브라우저 이미지를 완전히 실행할 때이 프로그램을 실행할 때 크롬에서 동일한 프로그램을 실행할 때 배경 이미지가로드되지 않습니다. 이 문제를 해결하는 데 도움주세요. 미리 감사드립니다. 이미지가 크롬에로드되지 않지만 일식 내장 브라우저에서 제대로 작동합니다.

+1

배경이 function.Instead가 아니며 CSS 속성이며 요소와 함께 인라인으로 사용합니다. 스타일 속성을 사용해야합니다. – brk

+0

아니요, 배경은 html의 본문 태그 속성입니다. 본문 배경 = "C : \ Users \ indresh \ Desktop \ background.png" –

+0

무엇? –

답변

0

CSS 파일

body { 
    background-image: url("<image>"); 

} 

에 사용하여 시도하거나 body 태그에 인라인으로이 당신을 위해 도움이됩니다

style="background-image: url("image");" 

희망을 추가합니다.

+0

\t \t
\t \t
\t \t
\t \t
\t \t
\t
\t 내가 같은 접근을 시도 할 때 이클립스 붙박이 브라우저에서 잘 작동하지만 배경이 표시되지 않습니다 크롬에 URL ... –

+0

+0

당신을 위해 문제를 해결합니다 언급 된 인라인 스타일로 배경 특성을 바꿉니다 ("C : \ 사용자 \ indices \ Desktop \ background.png"); –

0

배경은 속성이며 함수가 아닙니다. 그래서 배경 옆에 '()'문자를 제거 속성

일부 부가 요소가 를 더 이상 사용되지 않습니다 HTML5에
+0

< "\ 사용자 \ indresh 바탕 화면 \ \ background.png C"몸 배경 =>으로 표시하십시오 cool..could \t \t 이것은 내가하고있는 일을 잘하고 일식 inbuilt 브라우저를 열었을 때 배경이 아닙니다. 크롬에서 동일한 URL에 액세스하려고 시도했을 때 표시됩니다. –

+0

이미지 리소스는 추상 경로가 아닌 웹 프로젝트에 상대적이어야합니다. 예 : 'WebContent'경로에 이미지를 유지하고 리소스를 background = "background.png"로 변경하십시오. –

0

당신이 CSS 파일에 몸 { 배경이를 사용하려고 : 홈페이지 ("이미지");

}

0

보다는 WebContent에 해당 이미지 과거 Absolute-Path 사본을 넣고 다음 WebContent에 Background.png 다음 아래 CSS 쓰기 있다고 가정, 이제 클래스 경로

의 경로를 제공합니다. ..

body { 
    background-image: url("Background.png"); 

} 
0

문제는 당신이 서버 로컬 정적 파일 C:\Users\indresh\Desktop\background.png에 노력하고 있음을 아마.

브라우저가 접두어없이 로컬 파일 시스템에 액세스 할 수 없으므로 (웹 서버가 모든 웹 호스팅 파일이있는 특정 서버 호스트 디렉토리에 액세스하지 않아야 함) 분명히 작동하지 않습니다. 해야한다.

예. xampp-apache 환경에서는 표준으로 다음과 같은 호스트 된 디렉토리가 있습니다 : C:\xampp\htdocs. 이 디렉토리의 모든 파일은 표준으로 localhost/...을 통해 아파치 웹 서버를 통해 접근 할 수 있습니다.

HTML 파일과 이미지를이 폴더에 저장하면 상대적으로 둘 모두에 액세스 할 수 있습니다.

매우 기본적인 예 :

C : \ XAMPP \ htdocs를 \ index.html을

<!DOCTYPE html> 
<html> 
<head> 
    <title>Your HTML..</title> 
</head> 
<body> 
    <img src="image.png"> 
</body> 
</html> 

C : \ XAMPP \ htdocs를 \ image.png를

어떤 그림 당신 서비스를 원합니다 ..

관련 문제