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

效果預覽