返回首页当前位置:首页 >> 网站建设 >> 正文

透明的(transparence)CSS菜单

文章来自:互联网 | 发表时间:2007-9-20 22:49:38
这是个透明的CSS菜单,兼容性:IE5.5+、Opera、Frefox、Netscape。
CSS代码:
以下是引用片段:
body
{#FF0000;">
    font: 80% Arial,sans-serif;#FF0000;">
    background: #666;
}

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

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

#nav a:hover
{#FF0000;">
    background: none;#FF0000;">
    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]-->