透明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]-->