Internet Explorer 11无法识别条件CSS

Question

我正在为自己做一个小小的投资组合。在chrome，firefox和opera上，页脚没有问题，并且使用

使其粘到底部

footer {
    position: absolute;
    left: 0;
    bottom: 0;
}

然而，IE是特殊的，它不起作用。我能想到的最简单的解决方法是仅将position: relative隐含在IE中。

所以我尝试使用：

<!--[if IE]>
<style type="text/css">
    footer { position: relative; }
</style>
<![endif]-->

但是我的IE不能识别它（也尝试链接到iefooter.css，没有结果）。但是，如果我删除<!--[if IE]>所有浏览器获得相对位置，那么必定是IE的问题？我的版本是最新的 - 11.0.9600.16521

网站在这里：www.hrusov.eu。 IE浏览器上的漏洞发生在＆＃34; big＆＃34; About me或Projects

等网页

Answer 1

从IE 10及以上的IE中删除了IE条件评论。

我建议你重新编写你的CSS，它将适用于IE 10及更高版本。

Answer 2

在IE 11中，绝对位置工作正常。我只是试了一下。你的代码是position：relative，这使它显示在底部之上。我将其更改为位置：绝对在F12工具中，只需右键单击目标元素并选择Inspect Element。你可以从那里调整CSS。

我一直使用position：absolute来创建流畅，反应灵敏的设计，而且效果很好。