透明的(transparence)CSS菜单

这是个透明的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控制：

<!–[if gte IE 5.5]>

<style type=”text/css”>

#nav a{background: none;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=’scale’, src=’nav2.png’)}

#nav a:hover{filter: none}

</style>

<![endif]–>