에서 작동합니다. 내 Site의 상단 막대는 고정 위치를가집니다. Firefox 7에서는 훌륭하게 작동하지만 최신 Chrome에서는 문제가 없습니다. 나는 이유를 알 수 없다. 내가 말하고있는 요소는 "최상위 래퍼"라는 ID를 가지고 있습니다크롬에서 위치가 고정 된 위치는 FF
답변
body 요소에 -webkit-transform: translateZ(0);
을 설정했기 때문입니다.
그래서 이것을 제거하면됩니다.
제안 된 솔루션이 있습니까? 그렇지 않은 경우에는 대답이 아닌 주석이어야합니다. –
Tilo Mitra가 질문을 했습니까? 아니, 그는 단지 그의 문제 중 하나에 대해 썼다. 그래서 나는 그 문제가 무엇인지 적어 뒀다. (나는 사람들이 더 이상 기대하지 않을 것이라고 생각했다) – noob
흠, 나는 동의하지 않는다. OP의 질문은'position : fixed' 동작을 얻는 방법에 대한 질문이라고 생각하는 것이 합리적입니다. 그러나'-webkit-transform'을 제거하라고 그를 안전하게 도와 줄 수 있다고 가정하는 것이 합리적이지는 않습니다. . 왜 우리가 그곳에 있었는지 알 수 있습니까? 그것이 유용한 목적을 제공한다면, 우리는 어떻게 든 위치를 깨는 부작용이없는 무언가로 대체 할 수 있습니까? 아니면 우리가 몸에서 그것을 제거하고 그것을'# top-wrapper '가있는 어떤 컨테이너에 위임 할 수 있습니까? 아이가 아니야? –
- 1. DIV 절대 위치는 IE, 크롬에서 작동하지만 FF
- 2. 크롬에서 CSS 위치가 고정되고 절대 작동하지 않습니다.
- 3. CSS 문제 ... 고정 된 위치가 사라짐
- 4. JQuery와 $ 크롬에서 작동하지만 IE에서 작동하며 FF
- 5. 고정 위치가 ipad에서 작동하지 않습니다.
- 6. 이 JQuery와 애니메이션 (확인 FF 및 IE에서) 크롬에서 작동하지 않습니다
- 7. jquery 고정 대화 상자의 위치는 크기가 조정 된 후에 깨집니다.
- 8. div 위치가 웹 페이지 상단에 고정
- 9. 절대 위치가 지정된 Iframe이 고정 된 바닥 글을 포함합니다.
- 10. html과 비슷한 Flex에서 고정 위치가 있습니까?
- 11. 위치가 td 인 요소 : 고정 요소
- 12. iOS5 CSS. 핀치 줌으로 고정 된 위치는 쓸모 없게됩니다.
- 13. 크롬에서 jQuery iframe로드, FF 및 IE에서 사용하지 않음
- 14. 고정 위치가 내 정렬을 어지럽히는 이유는 무엇입니까?
- 15. 배경 이미지 위치가 부모 요소로 고정
- 16. Internet Explorer 고정 위치가 제대로 작동하지 않습니다.
- 17. onchange를, 화살표 키 위쪽, 아래쪽 FF & 크롬에서 작동하지만 IE
- 18. HTML5 비디오 .ended 크롬에서 호출 이벤트가 아니라 FF
- 19. Jeditable IE 테이블에서 작동하지 않지만 FF, 크롬에서 작동
- 20. 크롬에서 작동하지만 FF 또는 IE에서는 작동하지 않는 JS JS
- 21. 하위 메뉴 IE 및 크롬에서 작동하지 않습니다. FF, Opera에서 작업
- 22. CSS 위치가 FF/Safari 5.0에서 고정으로 변경되면 JW 플레이어가 재설정됩니다.
- 23. CSS 고정 위치는 일이 뭐죠의 jsFiddle을 여기에
- 24. 크롬과 FF
- 25. getLastKnownLocation() 마지막으로 알려진 위치가 업데이트 된 Android?
- 26. 고정 된 (고정 된) 요소의 위치 지정
- 27. 고정 된 gridview 고정 된 머리에
- 28. 고정 된 위치로 스크롤 할 때 고정 된 배경 이미지가 <video> 페이지에 있습니다.
- 29. Chrome에서 배경 및 위치가 고정 된 상태의 Flash 무비 => 나쁜 동작
- 30. 플라스크로 고정 된 파일 고정
CSS 구문을 사용하십시오 ... –
나에게 잘 보입니다. FF와 Chrome의 스크린 샷을 볼 수 있을까요? –
본문 스타일'-webkit-transform : translateZ (0);'이 문제를 일으키는 것으로 보입니다. 최소한 문제를 해결하면 문제가 해결됩니다. 너는 그걸 왜 사용하고 있니? [데모, 여기에 CSS 속성 추가 및 제거] (http://jsbin.com/ininec/edit#html, live). 또한 '-webkit' 스타일을 사용할 때마다 Chrome과 Firefox의 차이점을 설명합니다. –