2012-07-27 1 views
0

내 컴퓨터에서 로컬로이 사이트를 사용하면 마우스 오버 이미지가 완벽하게 작동합니다. 그러나 사이트에 서버를 올려 놓으면 이미지가 나타나지 않습니다.사이트가 라이브 일 때 이미지 위로 마우스를 가져 가면 표시되지 않습니다.

나는 회색 배경 이미지가있는 링크를 참조하고 있습니다. 나는 Contact us 링크를 위해 특별히 CSS를 제공했다.

http://bankruptcyimmigrationlaw.com/NEWSTARTLAW/Home.html

... 

#Contact_us li:first-child a { 
padding:9px 5px 15px 30px; 
margin-top:25px; 
background-image:url(../images/DefaultNavBg.png); 
background-position:-30px -15px; 
background-repeat:no-repeat; 
height:76px; 
width:350px; 
border-bottom:none; 
text-decoration:none; 
} 

#Contact_us li:first-child a:hover { 
padding:9px 5px 0px 15px; 
margin-top:25px; 
background-image:url(../images/CurrentNavBg.png); 
background-position:-30px -15px; 
background-repeat:no-repeat; 
height:76px; 
width:350px; 
border-bottom:none; 
cursor:pointer; 
text-decoration:none; 
} 
+0

'http : //publiccurrent.info/CurrentNavBg.png'에 대해 404 초를 얻었습니다. – Musa

답변

0

당신의 이미지가 당신이, 내가 그것은 경우에 당신이 그것을 업로드하거나하지 않았다고 할 수있다 (404) 받고 있어요 생각하는 곳하지 않은 것 같습니다 Windows와의 테스팅 * Nix에 배치하면 파일 (또는 디렉토리) 이름의 경우 문제가 될 수 있습니다.

0

당신은 서버에 이미지를 전송하지 않았다

http://bankruptcyimmigrationlaw.com/NEWSTARTLAW/images/CurrentNavBg.png

404

팁 반환 inspector의 일부 왕 webrowser 사용 - 예를 들어 Chrome을 위해 함께 빌드 - 관리자 나 Firefox + Firebug은 모든 웹 마스터, webdevloper, webdesigner 등의 가장 친한 친구입니다.

E 모든 파일 이름 및 경로에 CaseMixing을 방지하기 DIT

보십시오. 이것은 실수와 버그의 이유입니다. 따라서 소문자의 동일한 변형을 사용하면 확실히 좋습니다. hypens를 사용

내가 가장 좋아하는 표기 is_lower_case_underscored.jpg,

은 하이픈이 사고로 minus operator로 인식 할 수있는 자바 스크립트와 파일 이름을 생성 할 때, 그러나 그것은 실수의 이유가 될 수 있고, 다른 권장되는 방법입니다.

+0

Thx 그것은 단지 대문자의 문제였습니다. 웬일인지 그것은 css의 CurrentNavBg.png이었고 이미지는 CurrentNavbg.png라고 표시되었습니다. – user1558572

관련 문제