0

在兼容模式下运行以下布局时，内容会消失在固定标题后面。有什么办法可以防止这种情况发生吗？

请参阅此处的 jsfiddle并在 IE 中的兼容模式之间切换。当不在兼容模式下时，布局在 chrome 和 IE9 中工作正常。

标题 css 基本上是：

#headerContainer
{
    position: fixed;    
    top:0px;   
    z-index:999;
    background:green;
    width: 100%;
}

内容css是：

#container{
overflow:hidden;
padding-left:480px; /* The width of the rail */
margin-top: 135px;
background: red;
}

它是带有固定头部的固定流体布局（左导轨是固定的）。向下滚动时，我希望页面的内容消失在标题下方。

4

1 回答 1

1

IE兼容模式快速修复：

#container{
    overflow:hidden;
    padding-left:480px; /* The width of the rail */
    margin-top: 135px;
    background: red;
    *position:relative;
    *top:135px;
}

我已经*为 IE7 使用了 CSS hack (with )。小提琴：http: //jsfiddle.net/keaukraine/phPAN/

于 2012-09-05T13:23:43.133 回答