2016-07-01 2 views
-4

Eclipse IDE (mars1)에서 css로 코드를 작성했습니다.모든 브라우저에서 CSS 코드를 얻는 방법

내 코드가 Internet Explorer에서 완벽하게 작동하지만 Google 크롬 또는 Microsoft Edge에서 작동하지 않습니다.

콘텐츠가 표시되고 있지만 사용한 배경 이미지와 배경색이 Chrome 브라우저에 표시되지 않는 이유는 무엇입니까? 이유가 무엇이며 오류를 수정하는 방법은 무엇입니까?

나는 background-image을 사용하고 있습니다.

예 :이 내 코드 이 동생 코드

background-image:url("C:\project\images\background.jpg"); 

body { 
    background:url("C:/COMPUTER/E drive/My Externalp,f.jgg"); 
margin-left:10px; 
color:#000000; 
font-family:serif; 
font-size: medium; 
font-style:normal; 
} 

무엇 크롬에서 작업에서 작동하지 않는 이유는 크롬 plaese에서 작동 자세히 설명해야 크롬 바람둥이 7.0 서버를 사용하고 있습니다

+0

저도 그렇습니다. 하지만 정말로 - [http server] (https://httpd.apache.org/)를 설치하고 올바르게 시작하십시오. 그리고 BTW, I.E 브라우저는 모두에게 아무런 의미가없는 표준입니다. –

+3

하지만 바보가되는 것은 아닙니다 ... 파일은 로컬 하드 드라이브에 보관됩니다. (C : \)와 같은 정규화 된 경로를 사용하는 것은 일반적으로 권장되지 않습니다 ... HTML이 프로젝트에 있고 CSS가 '~/images/background.jpg'와 같은 폴더에 있다고 가정하면 '../images/background.jpg'와 같은 상대 경로를 사용해야합니다. 스타일'. 문제는 로컬 경로가 다른 브라우저에 대한 특수 경로 식별자를 가지고 있다는 것입니다. 상대 경로를 사용하는 것으로 피할 수 있습니다. –

+0

나는 그것이 대답이었다고 생각한다. .. 그리고 나는 이것을 만들었다. –

답변

3

파일은 로컬 하드 드라이브에 저장되어 있습니다. 이와 같이 (C : \ projects와 같은) 정규화 된 경로를 사용하는 것은 일반적으로 권장되지 않습니다 (중단됩니다).

HTML이 프로젝트에 있고, CSS가 '스타일'과 같은 폴더에 있다고 가정하면 '../images/background.jpg'와 같은 상대 경로를 사용해야합니다. 문제는 로컬 경로가 다른 브라우저에 대한 특수 경로 식별자를 가지고 있다는 것입니다. 상대 경로를 사용하는 것으로 피할 수 있습니다.

또는 실제로는 일종의 HTTP 서버를 설치하고 실제로 올바르게 설치하십시오. 각 경로가 시작

+0

IE에서 작동하고 Chrome에서 작동하지 않는 이유를 원합니다. – mvs

+0

이 sis 코드