css - Chrome / IE css 不兼容

Question

此站点上的第一个菜单项在 IE 中无法正确显示，但在 Chrome 中却可以。我使用 css text-indent 创建图像菜单项。

http://test.suntliv.nu/

在 chrome 中，您可以看到房子的图标。在 IE 中，您会看到字母“Sta”。

编辑：我通过给第一个菜单项一个唯一的类名来修复它。

Answer 1

对于 IE 尝试使用first-child而不是first-of-type

.top-menu li:first-child {
text-indent: -1000px;
background-image: url('../image/icon_home.png');
padding-right: 0px;
}