Html 导航中间的横幅是为InternetExplorer裁剪的吗? 这是我第一次尝试在导航的中间编码一个横幅,但不幸的是它并没有很好地完成。我不知道该怎么办,因为我试过了,但似乎不管用

Html 导航中间的横幅是为InternetExplorer裁剪的吗? 这是我第一次尝试在导航的中间编码一个横幅,但不幸的是它并没有很好地完成。我不知道该怎么办,因为我试过了,但似乎不管用,html,css,navigation,Html,Css,Navigation,HTML: 正如你所看到的,横幅比导航本身的高度还要大,而且在Chrome、Firefox和Opera等浏览器上看起来也不错。然而,在互联网探索者身上,横幅被夹在里面,并没有溢出。我尝试了溢出属性,但它们似乎不起作用。我该怎么办?您能提供您正在使用的所有CSS吗?您在这里提供的图片与这些图片都不一样。另外,您使用的是哪个版本的internet explorer?IE9.Hello下的任何内容都不支持该标记。它也不适用于Internet Explorer 9。Chris我知道我基本上重新开始了C

HTML:


正如你所看到的,横幅比导航本身的高度还要大,而且在Chrome、Firefox和Opera等浏览器上看起来也不错。然而,在互联网探索者身上,横幅被夹在里面,并没有溢出。我尝试了溢出属性,但它们似乎不起作用。我该怎么办?

您能提供您正在使用的所有CSS吗?您在这里提供的图片与这些图片都不一样。另外,您使用的是哪个版本的internet explorer?IE9.Hello下的任何内容都不支持该标记。它也不适用于Internet Explorer 9。Chris我知道我基本上重新开始了CSS编码,它看起来不太好,这就是为什么我只给你这些。你能做js小提琴,看看你能不能弄明白?我将不胜感激!你为什么不摆好小提琴呢?
<nav>
<ul>
    <li><a href="">Home</a></li>
    <li><a href="">Register</a></li>
    <li><a href="">About</a></li>
    <li class="logo"><a href="#"></a></li>
    <li><a href="">Home</a></li>
    <li><a href="">Register</a></li>
    <li><a href="">About</a></li>
</ul>
</nav>
nav ul {
width: auto;
height: 74px;
position: relative;
z-index: 5;
overflow: visible;
}

nav ul li {
list-style-type: none;
float: left;
display: inline-block;
padding: 0px 30px;
width: auto;
height: 74px;
}

nav ul li.logo {
background: url(logo.png) no-repeat; 
width: 200px; 
height: 175px; 
position: relative;
top: -83px;
left: 5px;
}