IE Drop菜单无效

时间:2013-06-27 07:07:38

标签: php html css

我有一个带有css下拉菜单的网站,它可以在chrome和firefox上正常工作,但在IE中,下拉菜单不会显示....它几乎就像它根本不存在...

我已经多次尝试从我在IE中工作的其他网站复制一些代码或菜单,但没有成功。

这是html ...

<ul id="menu">
<li><a href="http://www.manor.co.za">INTRO |</a></li>
<li><a href="guesthouse/index.php">HOME |</a></li>
<li><a href="guesthouse/accommodation/index.php">ACCOMMODATION & RATES |</a></li>
<li><a href="guesthouse/information/index.php">INFO |</a></li>
<li><a href="guesthouse/activities/index.php">ACTIVITIES |</a>
<ul class="sub-menu">
    <li><a href="guesthouse/groute/index.php">GARDEN ROUTE ACTIVITIES</a></li>
</ul>
</li>
<li><a href="guesthouse/golf/index.php">GOLF |</a></li>
<li><a href="guesthouse/news/index.php">NEWS |</a></li>
<li><a href="guesthouse/contact/index.php">CONTACT US |</a></li>
<li><a href="guesthouse/directions/index.php">DIRECTIONS |</a></li>
<li><a href="guesthouse/gallery/index.php">GALLERY</a></li>
</ul>

CSS

/*Initialize*/
ul#menu, ul#menu ul.sub-menu {
padding:0px 0 0px 0;
margin: 0px;
/*background-color:#9A844C;*/
}
ul#menu li, ul#menu ul.sub-menu li {
list-style-type: none;
display: inline-block;
display:inline;

}
/*Link Appearance*/
ul#menu li a, ul#menu li ul.sub-menu li a {
text-decoration: none;
color: #573A2F;
padding: 0px;
display:inline-block;
font-size:10px;
}
ul#menu li a:hover {
text-decoration: none;
color: #000;
padding: 0px;
display:inline-block;
}
/*Make the parent of sub-menu relative*/
ul#menu li {
position: relative;
padding-bottom:5px;
z-index:100001;
}
/*sub menu*/
ul#menu li ul.sub-menu {
display:none;
position: absolute;
top: 20px;
left: 0;
width: 200px;
background-color:#E2D9C6;
z-index:100001;
}
ul#menu li:hover ul.sub-menu {
display:block;
z-index:100001;
}
ul#menu li ul.sub-menu:hover {
display:block;
color: #573A2F;
z-index:100001;
}

非常感谢任何帮助......

2 个答案:

答案 0 :(得分:1)

我已检查过你的代码,它正在我的系统中运行。我已经检查过IE7,8和9。

另一个建议只是在css下方更改并再次检查:

我刚刚从“ul#menu li ul.sub-menu:hover”更改为“ul#menu li:hover ul.sub-menu”

ul#menu li:hover ul.sub-menu {
display:block;
color: #573A2F;
z-index:100001;
}

答案 1 :(得分:1)

正如其他人所说,您的代码适用于IE7,IE8和IE9。

如果问题确实存在于IE6中,我将不会解决您当前的问题,因为有以下几行:

不值得

有了这个,我并不是说你的工作不值得,但没有人应该为IE6开发。这是一个10年前的浏览器,应该尽快入睡。这不仅仅是我的观点,而是微软的!请参阅HERE并注意页面页脚的Microsoft版权。

另外,请参阅HERE了解浏览器使用情况统计信息:只有0.6%的互联网用户使用IE6。你的时间值得吗?