透明的(transparence)CSS菜单

80酷酷网    80kuku.com

  css|css菜单|透明

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

代码:

以下是引用片段:
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(/UploadPic/2007-4/200741141851555.png);
}

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

用if调入对ie的控制: 以下是引用片段:
<!--[if gte IE 5.5]>
<style type="text/css">
#nav a{background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='http://file.wbgxw.com/UpLoadPic/2007-4/200741141851555.png')}
#nav a:hover{filter: none}
</style>
<![endif]--> 



分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: