Css 相对定位页脚-IE中的空白？_Css

Css 相对定位页脚-IE中的空白？

css

Css 相对定位页脚-IE中的空白？,css,Css,我有一个页脚，跨过了页面的宽度。在页脚中有一个基本上充当页脚背景图像的页面，该图像填充页脚/页面的整个宽度。然而，在IE中，页脚下有一些空白，这时页脚应该与页面底部齐平。在Firefox、Safari等浏览器中似乎不错。以下是我的建议，有什么可以尝试的吗 <body> <div id='container'> <div id='content'></div </div> <div id

我有一个页脚，跨过了页面的宽度。在页脚中有一个基本上充当页脚背景图像的页面，该图像填充页脚/页面的整个宽度。然而，在IE中，页脚下有一些空白，这时页脚应该与页面底部齐平。在Firefox、Safari等浏览器中似乎不错。以下是我的建议，有什么可以尝试的吗

<body>
     <div id='container'>
          <div id='content'></div
     </div>

     <div id='footer'></div>
</body>

添加

显示：块在图像上，这应该可以修复它
（如果你想让
在文本中可见，请在问题中使用代码高亮显示…
这可能是一个非常复杂的答案。我以前遇到过这个问题，现在我忘了我是如何解决的。首先，我应该问你测试的IE版本可能是旧的。我不认为这在IE8及以上版本中是一个很大的问题。接下来是DOCTYPE集。然后尝试在页脚上设置高度和/或线条高度。确保所有同级元素和父元素都设置了“位置”、“顶部”和“左侧”
您是否尝试过将其定位为“绝对”，如果不起作用，请移除身体中的所有其他元素，一次将它们添加回一个元素中，直到它断裂，然后找出您添加的元素的错误。非常感谢您的现场演示。
html {
    font:62.5% 'Helvetica Neue';
    color:#777676;
    margin:0;
    padding:0;
}

body {
    font-size:1.8em; /* 18 px */
    line-height:1.2em;
    margin:0;
    padding:0;
    width:100%;
}

#container {
    width:906px;
    margin:0 auto;
    height:100%;
    position:relative;
    z-index:10;
}

#content {
    padding-top:20px;
}

div#footer {
    position:relative; 
    bottom:0; 
    clear:both;
    width:100%;
    z-index:1;
}

div#footer img {
    width:100%;
    border:0 none;
}