Z- 인덱스 문제가

는 아래 붙여 Test with viewport meta tag (내용을 볼 경우Z- 인덱스 문제가

을 (기존 안드로이드 브라우저에서 발생하지 않습니다) 4.1.1을 실행하는 내 갤럭시 넥서스에 크롬 이상한 버그 발견) #container는 z- 인덱스가 높을수록 #header 위로 이동하지만 그 아래로 이동하기를 기대합니다. 뷰포트 메타 태그를 제거하면 예상대로

<!DOCTYPE html> 
<html> 
<head> 
    <title>Android Bug?</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> 
    <style type="text/css"> 
     html, body { padding: 0; } 
     #header { 
      background: green; 
      width: 100%; 
      height: 230px; 
      top: 0; 
      left: 0; 
      right: 0; 
      position: fixed; 
      z-index: 100; 
     } 
     #container { 
      background: blue; 
      padding: 500px 0; 
      margin-bottom: 1000px; 
      position: relative; 
      z-index: 200; 
      top: 230px; 
      width: 100%; 
     } 
    </style> 
</head> 
<body> 
    <div id="header"></div> 
    <div id="container"></div> 
</body> 
</html>

후 작동 Test without viewport meta tag

이런 일이하거나 크롬/안드로이드 버그하는 이유가있는 경우

사람이 알고 있나요?

출처

2012-09-10 TheBenCourt

Galaxy Nexus 4.1에서이 동작이 표시되지 않습니다. 스크린 샷을 제공 할 수 있습니까? 여전히 재생성하는 경우 http://new.mcrbug.com을 통해 기기 정보, 스크린 샷 및 세부 정보를 버그로 포함 할 수 있습니다. –