z-index在手機無法正常工作

是否有一種格式化手機z-index的特定方式？它甚至工作嗎？z-index在手機無法正常工作

www.backwards.ca/resume

這就是我的工作。在移動，身體（.INFO勝）應該是頭（.NAME勝）下向上滾動，但它不工作

這是代碼：

body{ 
background:#EEE; 
margin-top:0; 
margin-left:0; 
} 

.container{ 
position:relative; 
top:0; 
left:0; 
width:100%; 
height:100%; 
padding-left:0; 
background:#EEE; 
} 

.name-win{ 
position:fixed; 
top:0; 
left:0; 
height:25%; 
width:100%; 
z-index:10000px; 
padding-left:5%; 
background:#EEE; 
-moz-box-shadow:-2px 0px 2px 3px rgba(200, 200, 200, 0.8); 
-webkit-box-shadow:-2px 0px 2px 3px rgba(200, 200, 200, 0.8); 
-o-box-shadow:-2px 0px 2px 3px rgba(200, 200, 200, 0.8); 
box-shadow:-2px 0px 2px 3px rgba(200, 200, 200, 0.8); 
} 

.scroll{ 
background:none; 
} 

.info-win{ 
position:relative; 
margin-top:25%; 
background:#FFFFFF; 
height:100%; 
width:100%; 
z-index:-1000px; 
min-height:500px; 
overflow:hidden; 
padding-bottom:20px; 
} 

.name-win h1{ 
font-family: 'Archivo Narrow', sans-serif; 
font-weight:700; 
max-width:200px; 
} 

#pic{ 
float:left; 
} 

#pic img{ 
width:60%; 
border:6px solid #fff; 
} 

.res_cont{ 
width:100%; 
} 

.contact h3{ 
margin-bottom:0px; 
font-family: 'Archivo Narrow', sans-serif; 
font-weight:700; 
} 

.contact p{ 
margin-top:0px; 
font-family: 'Archivo Narrow', sans-serif; 
font-weight:300; 
} 

.label{ 
height:33px; 
width:420px; 
padding-left:10px; 
margin-bottom:10px; 
} 

.label h2{ 
font-family: 'Archivo Narrow', sans-serif; 
color:#fff; 
text-shadow:1px 1px #555; 
} 

.res_cont p{ 
font-family: 'Archivo Narrow', sans-serif; 
color:#555; 
margin-left:25px; 
} 

.res_cont span{ 
font-style:italic; 
color:#999; 
} 

#objective_label{ 
background-color:#4F8AFF; 
} 

#rs_label{ 
background-color:#CC0000; 
} 

#about_label{ 
background-color:#00CC66; 
} 

#education_label{ 
background-color:#FF6633; 
} 

#links_label{ 
background:#E4B434 
} 

#links_ul li{ 
font-family: 'Archivo Narrow', sans-serif; 
color:#666; 
}

來源

2013-02-05 Brant Barton

你有沒有測試它在桌面瀏覽器，以確保這確實是關係到移動瀏覽器？ – feeela