站长之家

站长资讯通告:
您的位置: 首页 » 设计 » 教程 » 正文

DIV+CSS设计实例:透明的导航菜单

[ ] 来源: 天极网 评论: 0 分享至:

百度权重查询 站长交易 友情链接交换 网站建设,网站设计,企业建站就找313

这是个透明的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]--> 

分享至:
Tags:CSS div 导航菜单
最新图文资讯
1 2 3 4 5 6
理智评论文明上网,拒绝恶意谩骂 用户名:
网友评论
站长之家专栏推荐
商讯
最新视频
论坛推荐帖子
评测
关于站长之家 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助