在 Firefox 中静态标头覆盖正文，在 IE 中不是静态的

Question

告诉它保持静态的 CSS

#fruko {
            position: fixed;
        }
        #links {
            position: fixed;
        }

Div 标签所在的 HTML

<td width="225px"><div id="fruko"><p><a href="#top" style="text-decoration: none"><font color="Red" size="8">Fruko, inc.</font></a></p></div></td>
        <td><div id="links"><table border="5" cellpadding="5" cellspacing="0" width="100%">
                <tr>
                    <td align="center"><a href="#apps" style="text-decoration: none"><font size="6" color="Red">Apps</font></a></td>
                    <td align="center"><a href="#programs" style="text-decoration: none"><font size="6" color="Red">Programs</font></a></td>
                    <td align="center"><a href="#webs" style="text-decoration: none"><font size="6" color="Red">Websites</font></a></td>
                    <td align="center"><a href="#news" style="text-decoration: none"><font size="6" color="Red">News</font></a></td>
                    <td align="center"><a href="#social" style="text-decoration: none"><font size="6" color="Red">Social</font></a></td>
                    <td align="center"><a href="#about" style="text-decoration: none"><font size="6" color="Red">About</font></a></td>
                </tr>
            </table>
        </div></td>

顶部主表格旁边的表格在 Firefox 中不会拉伸，但在 IE 中会拉伸。

此处亲自测试一下。

Answer 1

您可以使用 Internet Explorer 条件注释来加载专门为 IE 定制的样式。

http://msdn.microsoft.com/en- us/library/ms537512(v=vs.85).aspx

这并不能解决问题的根源，因为人们应该普遍使用跨浏览器CSS，但它确实有效地满足了这样的需求就像这个。

Answer 2

你的措辞有点混乱。您说的是“static”标头，这是一个有效的 css 位置，例如 position:static，但您声明的是 position:fixed ，它具有完全不同的效果，值得这样做如果您不清楚，请研究差异。

向元素添加 position:fixed 可以有效地将其从元素流中取出，并使其相对于浏览器窗口“固定”。它下面的所有元素都会向上移动，就像它不存在一样。

您遇到的任何 IE 问题都可能与整个页面是用表格构建的这一事实有关，这些表格可能会出现问题并且在浏览器之间不一致。此外，旧版本的 IE 不支持 position:fixed