样式有关问题，ie8正确,ie6不对-C#教程-爱易网页

样式有关问题，ie8正确,ie6不对

日期：2014-05-20　浏览次数：20770 次

样式问题，ie8正确,ie6不对

HTML code


<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />


<title>CL_Catherine Lansfield_凯诗风尚</title>
<style type="text/css">
.nav {height:35px; margin:0px auto 15px; zoom:1; background:black;}
.nav:after {content:''; display:block; clear:both; height:0; visibility:hidden;}

.nav_wide {float:left; height:35px; _overflow:hidden; zoom:1;}
.nav_wide:after {content:''; display:block; clear:both; height:0; visibility:hidden;}

.nav_wide li {float:left; font-weight:bold; font-family:"微软雅黑"; font-size:14px; line-height:31px;}
.nav_wide li a {color:Yellow; float:left; width:75px; text-align:center; padding-top:6px;}
.nav_wide li a:hover {text-decoration:none; color:#fff;}

.nav_wide dl {position:relative; z-index:110; white-space:nowrap; word-break:keep-all; cursor:pointer; overflow:visible;}
.nav_wide dt {z-index:2; position:relative; _display:inline; zoom:1;}
.nav_wide dd {display:none; z-index:1; position:absolute; top:35px; width:924px; background-color:#efefef; height:175px; padding:10px 5px 15px 19px;}

.nav_home a.on, .nav_home a:hover { background-color:Blue}
.nav_taoxi a.on, .nav_taoxi:hover { background-color:red}
</style>
</head>

<body>







<div class="nav">
    <ul class="nav_wide">
        
        <li class="nav_taoxi">
            <dl>
                <dt><a href="#">套系</a></dt>
                <dd>
                    <a href="http://www.cl68.com/topics/206-0-1.html" id="nav-nanhai">男童卧室</a>
                    <a href="http://www.cl68.com/topics/207-0-1.html" id="nav-nvhai">女童卧室</a>
                    <a href="http://www.cl68.com/topics/208-0-1.html" id="nav-shishang">时尚卧室</a>
                    <a href="http://www.cl68.com/topics/208-0-1.html" id="nav-jingdian">经典卧室</a>
                </dd>
            </dl>
        </li>
    </ul>
</div>

</body></html>

弄了个简单的，就是鼠标停套系上面，ie8可以出现那个红色的层，但是ie6不行，谁知道怎么改啊，不用js！！！没分了，只能给个20分，各位帮个忙吧，急用啊

------解决方案--------------------
ie6不支持
.nav_taoxi:hover
这种:hover
ie6中，只有a标签才能:hover

建议使用js的onmouseover处理
------解决方案--------------------
.nav_taoxi:hover表示class="nav_taoxi"对象的hover

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

样式有关问题，ie8正确,ie6不对

相关资料更多>

推荐阅读更多>