내 검색을 완료했으며 주제가 도움이되지 않았습니다.CSS 배경 이미지가 짧은 URL로 표시되지 않습니다
헤더 div의 X 축에서 내 머리글의 배경 이미지를 반복하려고합니다.
나는 그런 ~/이미지/또는 이미 CSS 및 사이트 파일을 가진 것으로 무엇인가에 CSS를 단축하려고하면
background-image:url('http://site.com/images/logo.png'); 모든
잘 작동과 같은 나는 긴 URL과 CSS를 만들 때 루트 폴더 및/이미지를 사용하여/I가 "~"아무것도
background-image:url('~/images/logo.png')
background-image:url('/images/logo.png')
URL을 적절히 단축하지 않았기 때문일 수 있습니다. 의 절대 경로 가정
:
url('www.example.com/images/imageName.png');
을 루트 상대 URL은 다음과 같습니다
url('/images/imageName.png');
그리고 상대 경로를 것 (CSS 파일을 www.example.com/css/cssStylesheet.css에 가정) :
url('../images/imageName.png'); /* parent directory, then the images directory */
~ 접두사 URL 형식은 알 수 없습니다. ASP, .NET 또는 .NET 형식 일 것 같습니다. 비록 내가 그것에 충고 할 수 없지만. 당신에게 유용 할 수
질문 :
@ David, 실제로 asp.net =) – Rob
@ Rob, 친절하게 감사드립니다! =) –
'../images/'이 작동했습니다. 닷넷 클래스에 들어가면 기본 HTML과 CSS를 잊어 버렸다. 도와 주신 모든 분들께 감사드립니다. –
포함 된 URL 얻을 것은 ASP.NET에 특정한 무언가, 그것은 서버 측 처리하고 "적절한"URL로 변환 것 같은 http://mysite/my_virtual_directory/images/logo.png . 웹 브라우저는 "~"이 무엇을 의미하는지 모르기 때문에 이것을 수행 할 방법이 없습니다.
CSS 파일에서 사용하는 URL이 브라우저에서 "이해할 수있는"것이므로 "정규화"(http://mysite/my_virtual_directory/images/logo.png) 또는 "시작"(/my_virtual_directory/images/logo.png)부터 시작해야합니다.
'/ 이미지 /'작동합니다. Firebug의 "Net"탭에서 전체 요청이 어떻게 끝나고 어떤 응답을 얻을 수 있는지 확인할 수 있습니까? –
정말 중요하지 않지만, 'url()'내부에서 리소스 경로를 따옴표로 묶는 것은 Mac 용 IE5에서는 작동하지 않습니다. 선호하는 스타일은 전혀 인용하지 않는 것입니다. – jpsimons