2012-06-13 68 views
0

我有一个非常类似的问题,这个帖子:CSS下拉菜单截止在IE9

CSS Flyout menu gets cut off by borders of its container in IE9

不同的是,在我来说,我需要有z-index的(因此位置)放在容器上。你可以在这里看到我的jsfiddle:

http://jsfiddle.net/qbaH9/4/

在版式的完全没有,我的头被添加的z-index“下滑动”的元素:100的头,你可以在this image看到。

如何在标题上保留z-index集合,并确保IE9中的下拉不会被截断?

回答

0

.main-header中删除position: relative

http://jsfiddle.net/qbaH9/3/

+0

感谢您的回答!但是,除去定位与删除z-index值是一样的,因为z-index只影响定位元素。如果我从主标题中删除z-index或定位,那么标题后面的元素(如下所示:http://cl.ly/1J1Z1S3u1t1t1y0R463Q)将移动到标题的前面(请参阅http://cl.ly/0C1k2g0n0U1g2Q0H0C1T),以便解决方案不起作用。任何其他想法? –

+0

我需要看到“滑出”的标记才能更好地回答问题。 – saluce

+0

没问题,它看起来像这样! http://jsfiddle.net/qbaH9/4/ –