CSS 콘텐츠 URL 이미지가 깨졌습니다.

CSS를 사용하여 표 셀 내에 이미지를 표시하려고합니다. 내가 예상대로 이미지가 바로 표시됩니다CSS 콘텐츠 URL 이미지가 깨졌습니다.

http://myspsite/sites/ih/Style%20Library/org-ih/img/status_major_issues.png

를 방문 할 때, 브라우저에서

td.activity-status { 
font: 0/0 a !important; 
color: transparent !important; 
width: 80px !important; 
padding: 0 !important; 
} 

td.status_major_issues:after { 
content: url(/sites/ih/Style%20Library/org-ih/img/status_major_issues.png) !important; 
}

HTML :

<td class="activity-status status_not_started">Not Started</td>

CSS를이 내가 가진 것입니다.

그러나 CSS를 적용한 후 웹 페이지에서 이미지가 깨져 보입니다.

페이지의 경로는 다음과 같습니다

http://myspsite/sites/ih/46/Pages/status.aspx

CSS 파일의 경로는 다음과 같습니다

http://myspsite/sites/ih/Style%20Library/ih-status/css/style.css

누구에 갈 수있는 어떤 아이디어?

감사합니다. 에릭

출처

2013-10-02 Eric

CSS plz에 연결 – Anon

html과 css의 경로를 보여주세요. – DontVoteMeDown

페이지와 css 파일에 대한 링크를 추가했습니다. – Eric

귀하의 CSS를 따라서 컨텐츠의 경로는 경로가 CSS 파일이 어디에서 가져옵니다 때문에, 하나의 디렉토리를 이동해야

content: url('../sites...')

같아야 별도의 디렉토리에 아마, 페이지의 스크립트가있는 곳이 아닙니다.

출처

2013-10-02 12:29:07

Andrius, 절대 URL을 사용하고 있는데 이중 점은 올바르지 않습니다. – Eric

당신은 절대 URL을 사용하고 있다고 생각합니다. 그러나 당신은 그렇지 않습니다. 이미지를 마우스 오른쪽 버튼으로 클릭하고 URL을 확인하십시오. 말할 필요도없이, 당신 http : // myspsite/sites/ih/Style % 20Library/ih-status/css/style.css'가 내 말을 증명합니다. –

나는 본다. 따라서 css에서 프로토콜과 도메인을 포함하지 않으면 상대 URL로 처리됩니다. – Eric

CSS 콘텐츠 URL 이미지가 깨졌습니다.

답변

관련 문제