2011-11-16 3 views
3

에서 작동합니다. 내 Site의 상단 막대는 고정 위치를가집니다. Firefox 7에서는 훌륭하게 작동하지만 최신 Chrome에서는 문제가 없습니다. 나는 이유를 알 수 없다. 내가 말하고있는 요소는 "최상위 래퍼"라는 ID를 가지고 있습니다크롬에서 위치가 고정 된 위치는 FF

+1

CSS 구문을 사용하십시오 ... –

+1

나에게 잘 보입니다. FF와 Chrome의 스크린 샷을 볼 수 있을까요? –

+3

본문 스타일'-webkit-transform : translateZ (0);'이 문제를 일으키는 것으로 보입니다. 최소한 문제를 해결하면 문제가 해결됩니다. 너는 그걸 왜 사용하고 있니? [데모, 여기에 CSS 속성 추가 및 제거] (http://jsbin.com/ininec/edit#html, live). 또한 '-webkit' 스타일을 사용할 때마다 Chrome과 Firefox의 차이점을 설명합니다. –

답변

5

body 요소에 -webkit-transform: translateZ(0);을 설정했기 때문입니다.

그래서 이것을 제거하면됩니다.

+0

제안 된 솔루션이 있습니까? 그렇지 않은 경우에는 대답이 아닌 주석이어야합니다. –

+1

Tilo Mitra가 질문을 했습니까? 아니, 그는 단지 그의 문제 중 하나에 대해 썼다. 그래서 나는 그 문제가 무엇인지 적어 뒀다. (나는 사람들이 더 이상 기대하지 않을 것이라고 생각했다) – noob

+0

흠, 나는 동의하지 않는다. OP의 질문은'position : fixed' 동작을 얻는 방법에 대한 질문이라고 생각하는 것이 합리적입니다. 그러나'-webkit-transform'을 제거하라고 그를 안전하게 도와 줄 수 있다고 가정하는 것이 합리적이지는 않습니다. . 왜 우리가 그곳에 있었는지 알 수 있습니까? 그것이 유용한 목적을 제공한다면, 우리는 어떻게 든 위치를 깨는 부작용이없는 무언가로 대체 할 수 있습니까? 아니면 우리가 몸에서 그것을 제거하고 그것을'# top-wrapper '가있는 어떤 컨테이너에 위임 할 수 있습니까? 아이가 아니야? –

관련 문제