2013-04-30 2 views
3

여기에 사이트 : http://lju-silenter.rhcloud.com입니다. 크롬에 사이트를로드 한 다음 노란색 섹션을 클릭하면 섹션이 전체 화면을 완전히 채 웁니다. 그러나 파이어 폭스에서는 여백에 문제가있는 것으로 보입니다. 나는 방화범을 통해 봤는데, 나는 그 문제를 일으키는 것을 발견 할 수 없다.누구든지이 파이어 폭스 문제를 설명 할 수 있습니까?

크롬 버전 : chrome

파이어 폭스 버전 : 는 firefox

문제에 어떤 통찰력이 정말 도움이 될 것입니다 여기에 무슨 일이 일어나고 명확하게 두 개의 이미지가 있습니다. 감사!

+1

스택 오버플로시 링크가 변경되면 일반적으로 웹 사이트 링크보다 코드가 우선적으로 사용되므로 질문에 더 이상 이전 값이 적용되지 않습니다. 질문에 코드 서식을 지정하는 방법은 [here] (http://meta.stackoverflow.com/editing-help)를 참조하십시오. 또한 [jsFiddle] (http://jsfiddle.net)을 사용하여 요점을 설명하는 데 도움이 될 수 있습니다. –

+1

흥미로운 웹 UI/UX. 나는 그런 것 같아. –

답변

2

overflow:hidden이 있더라도 #three으로 이동하면 브라우저에서 해당 요소를보기 위해 스크롤 할 수 있습니다. Internet Explorer와 Firefox는 Chrome을 지원하지 않지만이 기능을 제공합니다.

대상 요소의 ID를 id="box-three"과 같이 변경 한 다음 그에 따라 선택기를 조정하여 해당 접두어를 추가해야합니다.

+0

와우! 감사. 유일한 문제는 #three가 활성화 될 때 #three : target {code ...}과 같은 CSS를 수행하고 싶을 때입니다. 크롬과 IE가 자동 스크롤을하지 않게하려면 어쨌든 가야합니까? – elju

관련 문제