IE와 Firefox에서 상황이 너무 다른 것처럼 보이는 이유를 파악하는 데 어려움을 겪고 있습니다. 다음은 CSS 클래스 IE에서CSS 표시 : 블로킹 문제, whos 범인 IE 또는 Firefox?
.logo { width: 224px; height: 120px; position: relative;
display:block; left: -1px; background-image: url(logo.png);}
에게 있습니다이 예상대로 작동하지만, 파이어 폭스에서이 술에 취해처럼 행동! 페이지의 다른 위치에 3 개의 logo.png가 표시됩니다. display : block을 제거하면 어느 브라우저에서나 이미지를 볼 수 없습니다.
모든 의견을 감사드립니다.
당신은 당신의 CSS 클래스에
background-repeat: none;
를 추가해야 할 수도 있습니다. 나중에 참조 할 수 있도록 항상 IE가 있습니다.)
EDIT : 그래도 문제가 해결되지 않으면 샘플 사이트를 보면서 조금 실험 해보십시오. 또한 Firebug이 도움이 될 수 있습니다.
EDIT2 : 내가 불을 지르고 내가 마우스 오른쪽 버튼으로 클릭에서 얻은 SRC와 선택의 차이 언급 한 이후는 "소스보기를 ...",이를 제거
EDIT3 : 스티브가 문제를 발견 : 당신을 앵커를 자기 닫을 수 없습니다.
<a href="/" id="logo" />
<a href="/" id="logo"></a>
"항상 IE가 망가 뜨린다.)"<== True ... true ...;) – Nordes
그는 #logo ID가 3 개가 아니고 자체 폐쇄 태그 만 가지고있다. 따라서 FF는 그의 HTML –
을 고치려고 시도하고 있습니다. 하지만 고맙습니다 =) –
이 수정 변경, 문제는 IE는 항상이다. 파이어 폭스에 문제가있는 경우 대개 w3c 사양 문제입니다. fanboy가 아니라, 그것은 단지 물건 일뿐입니다.
브라우저에서 background-repeat의 기본값이 다르다는 것이 문제라고 생각합니다. background-repeat : no-repeat을 설정해보십시오. EDIT : 그렇지 않을 수도 있습니다. 모든 브라우저는 기본적으로 반복됩니다.
로고를 적용 할 요소를 아는 것이 유용합니다. 그것이 무엇이든 블록이 아닐 때 아마도 0px의 높이로 무너지고 있습니다. 거기에 무슨 일이 일어나고 있는지보기 위해 경계선을 만드십시오.
문제점은 HTML에 있습니다. 자기 닫을 수는 없습니다 태그 :
일부 HTML을 게시해야 할 수도 있습니다. – RichieHindle
모든 답장을 보내 주셔서 감사합니다. 다음은 나를 견딜 수있는 견본 페이지 링크입니다. http://india3.fasttrackteam.com:8080/sample/sample.htm. 재미있는 점은 위로 마크가 여러 이미지가 없지만 방화 광이 이미지를 여러 이미지로 검사한다는 것입니다! – theraneman