2012-06-13 65 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/ –