龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

透明的(transparence)CSS菜单

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
这是个透明的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
这是个透明的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]--> 

精彩图集

赞助商链接