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