Jquery 基本CSS功能在IE8中不起作用

我在这里完全不知所措。我正在开发一个需要支持大量使用IE8的用户的网站。IE9和更高版本以及Chrome、Firefox和Safari中的所有功能都能正常工作，但我甚至无法获得基本的CSS（比如高度属性）来在IE8中持续工作

例如：

样式表中的CSS：

#loginName{
    height:1.6rem;
    display:inline-block;
    padding:0.75rem 1rem 0;
    border-radius:1.5rem 1.5rem 0 0;
    transition:all 0.5s ease-in-out;
}

IE 8开发人员工具显示的内容：

#loginName{
    display:inline-block;
    transition:all 0.5s ease-in-out;
    border-radius:1.5rem 1.5rem 0 0;
}

我不知道这里发生了什么！我有一个梦想！DOCTYPE声明了页面上的第一件事，但这是我找到的唯一“解决方案”。据我所知，高度和填充不需要任何特殊处理，但我正在加载Modernizer的开发版本、最新的Prefixfree、Selectivizr和REM polyfill，以尝试修复其他IE8问题

您可以在以下位置查看live页面：

我快发疯了-任何帮助都将不胜感激

我用的是REM单位polyfill-。似乎只有当我将polyfill放在PrefixFree之前（显然是因为polyfill只搜索链接的样式表，而PrefixFree将样式放在头部）时，此polyfill才起作用，但由于某些原因，这样做会使其他事情（例如主页右侧的悬停菜单）无法正常工作。猜测不同脚本之间存在冲突

---

有人知道polyfill脚本会同时搜索链接的样式表以及head或inline中的样式吗？

IE8不支持将rem作为一个单元。使用em或px代替

或者，您可以执行以下操作：

#loginName{
    height:1.6em; // Or another value
    height:1.6rem;
}

---

提供IE8回退。

查看此信息是否有助于解释为什么它不起作用？可能的多边形填充：这和我已经在REM单位中使用的多边形填充是一样的……但可能它不起作用？我现在正在从GitHub下载最新版本-希望能修复它！！我下载了最新版本，它确实修复了REM装置。还有其他一些页面不起作用——比如——但我还没有通过IE8开发者了解哪些样式不起作用。现在就去做@我想我说得太快了。看来polyfill毕竟没有纠正REM问题…谢谢你的建议Leon。我下载了我正在使用的polyfill的更新版本，修复了REM问题，但还有其他页面完全混乱。一定要爱IE8！！