CSS中ie6导航条字体靠左如何处理

html-css015

CSS中ie6导航条字体靠左如何处理,第1张

导航文字在IE6中靠左对齐,代码如何:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>导航条文字靠左</title>

<style type="text/css">

body,ul,li{margin:0 padding:0 font-size:14px list-style:none font-family:Verdana, Geneva, sans-serif}

a{color:#000 text-decoration:none}

a:hover{color:#fff}

.header{width:980px margin:0 auto}

ul.nav{height:35px line-height:35px overflow:hidden border-left:1px #999 solid}

ul.nav li{width:100px text-align:left border-right:1px #999 solid float:left}

ul.nav li a{display:block background-color:#ccc padding-left:10px}

ul.nav li a:hover{background-color:#069}

</style>

</head>

<body>

<div class="header">

     <ul class="nav">

         <li><a href="#">首页</a></li>

            <li><a href="#">关于我们</a></li>

            <li><a href="#">产品中心</a></li>

            <li><a href="#">案例展示</a></li>

            <li><a href="#">服务支持</a></li>

            <li><a href="#">解决方案</a></li>

            <li><a href="#">联系我们</a></li>

        </ul>

    </div>

</body>

</html>

希望能帮到你。

可能是次级导航的标签不是<a>,因为在 IE6 下 hover 只有 a 才被支持。

---------------------------------------------------------------------

在<head></head>中加入:

<style>

.page_item a

.page_item a:hover

</style>

只要你的<a>中有 href 属性 hover 就会有效。