Cnmoker.org - 中国IT资讯

投递文章  投稿指南 RSS订阅 IT资讯通告:
搜索: 您的位置主页>设计在线>WEB标准>阅读资讯:DIV+CSS设计实例:透明的导航菜单

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

2008-04-23 11:03:41   来源:天极网   作者:龙犊   【 评论:1

这是个透明的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:div   CSS   导航菜单   div   CSS   导航菜单   导航   菜单   透明   实例   设计   none   bac   导航   菜单   透明   实例   设计   none   bac   导航   菜单   透明   实例   设计   none   bac   导航   菜单   透明   实例   设计       none   bac  
责任编辑:中国IT资讯
  • 请文明参与讨论,禁止漫骂攻击。 用户名:新注册) 密码: 匿名:
    评论总数: [ 查看全部 ] 网友评论
    关于我们 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助