z-index在ipad中工作不正常 [英] z-index not working very well in ipad

问题描述

我正在为朋友建立网站（ http://pasionesargentas.com/sm/ ）与全屏图库和缩略图翻转（ http://tympanus.net/codrops/2011/02/09 / fullscreen-gallery-with-thumbnail-flip / ）。我不太喜欢flip事情的想法，所以我只是更喜欢禁用它，并添加一个菜单。菜单div css是类似

I am building a site for a friend (http://pasionesargentas.com/sm/) with the fullscreen gallery with thumbnail flip (http://tympanus.net/codrops/2011/02/09/fullscreen-gallery-with-thumbnail-flip/). I didn't quite like the idea of the flip thing so I simply preferred to disable it and add a menu instead. The menu div css is something like

#top {
position:fixed;
background: transparent;
display: block;
z-index: 99999;
}

它在Chrome，Safari，但由于某种原因，她无法在她的iPad上看到菜单。因为我没有ipad我下载了Ripple任务控制，它工作正常，所以我不知道发生了什么。

It works fine in Chrome, Safari, Explorer and Opera. But for some reason she can't see the menu on her iPad. Since I don't have an ipad I downloaded the Ripple Mission Control and it works fine too so I have no clue what's going on.

现在，问题：不得不做平板电脑浏览器（iPad）的css不同？

Now, the question: Do I have to do css different for tablet browsers (iPad)? Or it is the gallery that's messing up with the menu and covering it?

推荐答案

.description {
position: fixed;
top: 5px;
left: 50px;
text-shadow: 1px 1px 1px black;
z-index: 5;
}
#nav:hover {
background: #829FB0;
opacity: 1.0;
filter: alpha(opacity=100);
z-index: 10;
}
#nav {
align: center;
background: #829FB0;
padding: 3px 7px;
display: inline;
opacity: 1.0; //change this later
filter: alpha(opacity=65);
-moz-border-radius: 9px;
border-radius: 9px;
z-index: 10;
}

问题可能是透明的覆盖div 首先用这个代码替换你的代码，其中必须放置更高的divs /节点不透明，然后看，也使用我给出的z索引，你不需要太高的值

The problem could be transparent overlying divs, so first replace your code with this code, where the divs/nodes that have to be placed higher are not transparent and then see, also use z-indexes that I have given, you do not need too much high values

当检查css中的错误时，确保你使节点可见，并删除它们的不透明度，永远不要给z-index过高的值。试试这个，如果它不工作，我会仔细看。

When checking for errors in css make sure you make nodes visible and remove their opacity and never give too high values for z-indexes. Try this, if it does not work I will look closely.

这篇关于z-index在ipad中工作不正常的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！