交叉浏览器版本的CSS菜单，其子菜单仅在inIE9中显示，在IE5678、FF、saf、op中显示_Css_Internet Explorer 9_Html Lists

交叉浏览器版本的CSS菜单，其子菜单仅在inIE9中显示，在IE5678、FF、saf、op中显示

css

交叉浏览器版本的CSS菜单，其子菜单仅在inIE9中显示，在IE5678、FF、saf、op中显示,css,internet-explorer-9,html-lists,Css,Internet Explorer 9,Html Lists,我加入这个test.htm，其中包含css导航。我在所有浏览器上测试了DT，发现IE9没有显示子菜单？在firefox和opera中，子菜单已经加了下划线，而在IE 5 6 7 8和safari中，子菜单作为活动链接正确加了下划线。。请帮我交叉浏览这个简单的css！，谢谢你的帮助以下是完整的测试文件（htm）：身体{ 背景色：#214523；溢出：隐藏； } #中心人{ 位置：绝对位置；左：50%；最高：50%； } #航行{ 溢出：隐藏；位置：相对位置；左：-450p

我加入这个test.htm，其中包含css导航。我在所有浏览器上测试了DT，发现IE9没有显示子菜单？在firefox和opera中，子菜单已经加了下划线，而在IE 5 6 7 8和safari中，子菜单作为活动链接正确加了下划线。。请帮我交叉浏览这个简单的css！，谢谢你的帮助以下是完整的测试文件（htm）：


身体{
背景色：#214523；
溢出：隐藏；
}   
#中心人{
位置：绝对位置；
左：50%；
最高：50%；
}
#航行{
溢出：隐藏；
位置：相对位置；
左：-450px；
顶部：-110px；
z指数：1100；
宽度：190px；
高度：400px；
浮动：左；
边缘顶部：10px；
字体系列：verdana、Helvetica、无衬线；
字号：9pt；
颜色：#EFFFFE；
}
#导航ul{
宽度：120px；
边际：0px；
填充：0px；
背景：rgb（33、59、56）；/*后备方案*/
/*背景：rgba（33,59,56,0.65）*/
/*边框：#fff实心；
边框宽度：1px*/
}
#导航ulli{
宽度：110px；
高度：18px；
线高：18px；
列表样式：无；
左侧填充：10px；
文字装饰：无；
颜色：#EFFFFE；
/* 
边框顶部：#fff实心；
边框底部：#fff实心；
*/
边框宽度：1px；
光标：指针；
}  
#导航ulli a{
文字装饰：无；
颜色：#EFFFFE；
}
#导航ulli:hover{文本装饰：下划线；背景颜色：#213b38；位置：相对；}
#导航：悬停{文本装饰：下划线；}
#导航{
显示：无；
位置：绝对位置；
左：50px；
顶部：12px；
宽度：140px；
z指数：2100；
背景：rgb（33,59,56）；/*不透明*/
/*背景：rgba（33,59,56,0）*/
}
#导航ul li:悬停ul{display:block；}
#导航ul li ul li{空白：nowrap；文本装饰：无；}
#导航ul li a:hover{文本装饰：下划线；边框：无；}



menuchoise 3








menuchoise 5

它必须是过渡doctype吗

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

当我使用Strict或HTML5 doctype时，该示例运行良好。

我在自己的网站上测试了这一点，刚刚从#导航中删除了left和top属性，所有功能都在IE9 x64上运行。我遇到的唯一问题是当我处于怪癖模式时。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">