CSS链接导航浏览器兼容性

我有一个水平链接列表（实现为类似于选项卡），用于站点导航

我今天在手机上查看了我的页面，但它在Opera或Internet Explorer中没有正确显示。当我回到家的时候，我检查了InternetExplorer6，它看起来是一样的

HTML

<div id="navcontainer"><ul>
    <li><a href="">Home</a></li>
    <li><a href="">Projects</a></li>
    <li><a href="" id="current">Resume</a></li>
    <li><a href="">Referances</a></li>
    <li><a href="">Fun</a></li>
</ul></div>

---

更改此选项以使其更符合浏览器的最佳方式是什么？

首先，Internet Explorer 6不支持您正在使用的直接子选择器（>）。

首先，Internet Explorer 6不支持您正在使用的直接子选择器（>）。

IE6非常不喜欢

显示：内联

。在

li

s和

li a

上尝试

float:left

---

另外，IE6不支持

子选择器。

IE6非常不喜欢

显示：内联

。在

li

s和

li a

上尝试

float:left

---

此外，IE6不支持子选择器。

对于应设置的li项：

 float: left;
 display: inline;
 list-style-type: none;

---

对于应设置的li项目：

 float: left;
 display: inline;
 list-style-type: none;

---

所以这里的问题是这个

<div id="navcontainer"<ul> <li><a href="">Home</a></li> <li><a href="">Projects<a href="" id="current">Resume/a></li> <li><a href="">Referances<a href="">Fun

---

referencesfun那么这里的问题是这个

<div id="navcontainer"<ul> <li><a href="">Home</a></li> <li><a href="">Projects<a href="" id="current">Resume/a></li> <li><a href="">Referances<a href="">Fun

---

第一季没有收尾角括号只是一个打字错误？随着谷歌放弃对IE6的支持，我终于同意去年一直在大喊大叫的所有人的看法。InternetExplorer6已经死了。放弃对它的支持，因为建立一个符合其呈现方式的网站的成本远远大于回报。@John在我看来这是正确的。身份证会把你甩了吗？@安德鲁，是的，但我很惊讶地看到我的新手机上的浏览器也做了同样的事情，所以我想知道这是一个多大的“问题”。我为你解决了它，博尔特·海德：）哦，勒芒。这是一个打字错误，但它出现在我的页面上，因为我复制了代码并更改了您在下面的建议。除了div之外，“固定”它似乎没有覆盖它应该覆盖的所有垂直空间。感谢第一季没有收尾角括号只是一个输入错误？随着谷歌放弃对IE6的支持，我终于可以同意去年一直在大喊大叫的所有人。InternetExplorer6已经死了。放弃对它的支持，因为建立一个符合其呈现方式的网站的成本远远大于回报。@John在我看来这是正确的。身份证会把你甩了吗？@安德鲁，是的，但我很惊讶地看到我的新手机上的浏览器也做了同样的事情，所以我想知道这是一个多大的“问题”。我为你解决了它，博尔特·海德：）哦，勒芒。这是一个打字错误，但它出现在我的页面上，因为我复制了代码并更改了您在下面的建议。除了div之外，“固定”它似乎没有覆盖它应该覆盖的所有垂直空间。谢谢