您现在的位置： 365建站网 > 365文章 > DIV+CSS设计实例：透明的导航菜单

DIV+CSS设计实例：透明的导航菜单

文章来源：365jz.com 点击数：466 更新时间：2008-05-11 00:50 参与评论

这是个透明的CSS菜单,兼容性:IE5.5+、Opera、Frefox、Netscape。

CSS代码：

以下为引用的内容：
body{
    font: 80% Arial,sans-serif;
    background: #666;
}

#nav{
    width: 170px;
    background: url(navbg.gif) bottom;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#nav a{
    display: block;
    width: 170px;
    line-height: 25px;
    text-decoration: none;
    color: #333;
    text-indent: 10px;
    font-weight: bold;
    background: url(nav2.png);
}

#nav a:hover{
    background: none;
    color: #999;
}

用if调入对ie的CSS控制：

以下为引用的内容：