Internet Explorer 7 中的页脚显示问题答案

【问题标题】：Footer display problem in Internet Explorer 7Internet Explorer 7 中的页脚显示问题
【发布时间】：2011-10-24 15:45:30
【问题描述】：

用文字来解释有点奇怪。我正在处理的网站页脚在除 IE7 之外的大多数浏览器上看起来都不错。下面的截图会给你一个想法。

IE8/FF/Chrome

IE7（向右移动半屏）

页脚有以下 CSS。当我删除 CSS 时，它显示正常。

#footer-holder
{
    clear: both;
    width: 100%;
    position: fixed;
    bottom: 0px;
    *border: none;
    z-index: 10000;
    height: 30px;
    /* For WebKit */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.1)), to(rgba(0,100,255,0.70)));
    /* For Mozilla */
    background: -moz-linear-gradient(top, rgba(255,255,255,0.1), rgba(0,100,255,0.70));
    /* For lt IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=#01FFFFFF, EndColorStr=#A50064FF);
    /* For gt IE8 */
    background: -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=#01FFFFFF, EndColorStr=#A50064FF)";
}

我厌倦了让它与 IE7 兼容。知道可能导致问题的原因吗？

【问题讨论】：

标签： css internet-explorer-7 cross-browser footer

【解决方案1】：

解决了这个问题。我不得不提到left: 0px;。现在它在 IE7 上看起来很棒。 :)

【讨论】：

【解决方案2】：

在您的 html 顶部尝试<!DOCTYPE html>..

【讨论】：

【解决方案3】：

去掉*border: none;旁边的*

【讨论】：

你能发一个链接到页面吗？
我在本地主机上工作。该网络产品尚未推出。抱歉，我无法为您提供链接。但是问题已经解决了。我已经发布了答案。 :) 谢谢