z-index iPhone /手機版網站

我創建了HTML5/reponsive-ish頁面，現在正在使用媒體查詢來創建單獨的iPhone版本。它仍在進行中，所以它有很多錯誤，但有一個問題會讓我略微有點瘋狂。z-index iPhone /手機版網站

我的智能手機佈局與我的桌面/ iPad版本大不相同，所以我不得不使用絕對定位來獲取iPhone資產。我有一些標題文字，不管我做什麼，都不會覆蓋暗盒圖像div。

這是標題的CSS：

` #playlistTitle { 
     width:140px; 
     height:32px; 
     position:absolute; 
     top:120px; 
     left:60px; 
     z-index:500; 
     background-color:transparent; 
     border:1px solid red; 
     text-align:center; 
`

，這是它應該層在格：

` #reelWrapper { 
    height:137px; 
    width:254px; 
    position:absolute; 
    margin:156px 6px 6px 16px; 
    background:url(../images/cassette.jpg) no-repeat 0 0; 
    z-index:50; 
} 
`

您可以在iPhone上看到標題div的底部落在下方盒式磁帶圖像div（我使用可見的邊框來顯示它不能正常工作）。我要的是，它在頂層，我可以向下移動到這個樣子：http://lisadearaujo.com/clientaccess/wot-sound/images/screen.jpg

的頁面是在這裏：http://lisadearaujo.com/clientaccess/wot-sound/indexiPad.html

您可以通過源看到了CSS的休息，很明顯。 ..

任何想法，我會非常，非常感謝！

來源

2012-05-21 yolise