当前位置：首页 → 问答吧 → 新手求助，菜单显示问题。

新手求助，菜单显示问题。

时间：2009-08-31

来源：互联网

复制代码

<style type="text/css">
#header .language_select{ position:absolute; top:67px; right:15px; color:#999; margin:0; border:#CCC solid 1px; padding:0 2px 0 2px; width:80px;}
#header .language_select li{list-style-type:none; line-height:20px;}
#header .language_select li a {color: #999;text-decoration: none;}
#header .language_select li a:hover {text-decoration: none;color: #CCC;}
#header .language_select span{padding-left:20px;}
#header .language_select span.zh-CN{background:url(/layouts/ideation/img/flags/zh-CN.png) no-repeat left center;}
#header .language_select span.ko{background:url(/layouts/ideation/img/flags/ko.png) no-repeat left center;}
</style>
<ul class="language_select" onmouseover="jQuery('#other_lang').css('display','block');" onmouseout="jQuery('#other_lang').css('display','none');">
<li><a href="#"><span class="zh-CN">选择语言</span></a></li>
<li id="other_lang" style="display:none;"><a href="#"><span class="zh-CN">简体中文</span></a></li>
<li id="other_lang" style="display:none;"><a href="#"><span class="ko">韩国语</span></a></li>
</ul>

在FF没问题

但在IE上就出现问题了当鼠标经过选择菜单上的简体中文或韩国语的时候菜单就不显示了

作者: wanahan 发布时间: 2009-08-31

大家帮帮我吧~！

作者: wanahan 发布时间: 2009-08-31

低级错误,有一个页面上有二个相同的ID,用class
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>无标题页</title>
    <style type="text/css">
#header .language_select{ position:absolute; top:67px; right:15px; color:#999; margin:0; border:#CCC solid 1px; padding:0 2px 0 2px; width:80px;}
#header .language_select li{list-style-type:none; line-height:20px;}
#header .language_select li a {color: #999;text-decoration: none;}
#header .language_select li a:hover {text-decoration: none;color: #CCC;}
#header .language_select span{padding-left:20px;}
#header .language_select span.zh-CN{background:url(/layouts/ideation/img/flags/zh-CN.png) no-repeat left center;}
#header .language_select span.ko{background:url(/layouts/ideation/img/flags/ko.png) no-repeat left center;}
</style>
<script type="text/javascript" src="core/jquery-1.3.1.min.js"></script>
</head>
<body>

            <ul class="language_select" onmouseover="jQuery('.other_lang').css('display','block');" onmouseout="jQuery('.other_lang').css('display','none');">
                <li><a href="#"><span class="zh-CN">选择语言</span></a></li>
                <li class="other_lang" style="display:none;"><a href="#"><span class="zh-CN">简体中文</span></a></li>
                <li class="other_lang" style="display:none;"><a href="#"><span class="ko">韩国语</span></a></li>
            </ul>

</body>
</html>

作者: seekarmor 发布时间: 2009-08-31

牛人就是不同..

作者: yixianliu 发布时间: 2009-08-31

新手求助，菜单显示问题。

热门阅读

热门下载