CSS粘性页脚使滚动条在IE 8中不可滚动

CSS粘性页脚使滚动条在IE 8中不可滚动,css,internet-explorer,internet-explorer-8,sticky-footer,Css,Internet Explorer,Internet Explorer 8,Sticky Footer,我正在我的网站中使用此粘性页脚: 它完全可以在Firefox、Chrome、IE7中使用,但不能在IE8中使用。在IE8中,滚动条出现但不起作用,我没有任何其他方法向下移动。我正在使用web上显示的条件语句: <!--[if !IE 7]> <style type="text/css"> #wrap {display:table;height:100%} </style> <![endif]--> 很抱歉,我

我正在我的网站中使用此粘性页脚:

它完全可以在Firefox、Chrome、IE7中使用,但不能在IE8中使用。在IE8中,滚动条出现但不起作用,我没有任何其他方法向下移动。我正在使用web上显示的条件语句:

<!--[if !IE 7]>
    <style type="text/css">
        #wrap {display:table;height:100%}
    </style>
<![endif]-->

很抱歉,我无法发布地址,我现在没有网络服务器。

多亏了Alec

我决定再试一次,将代码移回基本内容。但这次,我认为这可能与我网站上的其他CSS有关,宾果!p> 终于找到了使滚动条无法使用的CSS规则。我使用渐变色作为身体的背景:

body {
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52a0d6',  endColorstr='#024f7c');
}
现在我正在使用一个图像作为背景,滚动条正在工作,粘性页脚就在它应该在的地方。

多亏了Alec

我决定再试一次,将代码移回基本内容。但这次,我认为这可能与我网站上的其他CSS有关,宾果!p> 终于找到了使滚动条无法使用的CSS规则。我使用渐变色作为身体的背景:

body {
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52a0d6',  endColorstr='#024f7c');
}

现在我正在使用一个图像作为背景,滚动条正在工作,粘性页脚就在它应该在的地方。

您是否尝试过让代码回到文章中描述的基础上。那么它能起作用吗?他们的文章似乎建议它在所有浏览器中都能正常工作,因此您的HTML中可能有一些不同之处。您是否尝试过将代码恢复到文章中所述的基本功能。那么它能起作用吗?他们的文章似乎建议它在所有浏览器中都能正常工作,因此您的HTML中可能有一些不同之处。如果您已经解决了问题,请将您的答案标记为“已接受”,这样就不会再出现在未解决问题列表中。哦,顺便说一下,如果你使用渐变,你可能想考虑寻找一种更符合标准的方法,并摆脱那些丑陋的
过滤器
样式。谢谢Spudley,但我不能在两天内将我自己的答案标记为可接受,对不起。我用CSS3Pie做一些东西,但不是过滤器,我会看看。看起来PIE不能用在身体上:如果你已经解决了问题,把你的答案标记为“接受”,这样它就不会再出现在未解决的问题列表中了。哦,顺便说一下,如果你使用渐变,你可能想考虑寻找一种更符合标准的方法,并摆脱那些丑陋的
过滤器
样式。谢谢Spudley,但我不能在两天内将我自己的答案标记为可接受,对不起。我用CSS3Pie做一些东西,但不是过滤器,我会看看。看起来PIE不能用在身体上: