首页
关于我们
网站建设
经典案例
网络推广
技术中心
建站指导
联系我们
网站套餐 Package
最新推荐 Recommended  
  您现在的位置: 天诚世纪 >> 技术中心 >> 网页设计 >> WEB标准 >> 正文
DIV+CSS设计实例:透明的导航菜单
作者:天诚世纪 更新时间:2009-7-9 17:05:56 来源:天诚世纪
    

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

本文链接:http://www.tc-21.com/ITCenter/200907/20090709170556.html

  • 上一篇文章:
  • 下一篇文章:
  •   更多关于WEB标准的新闻
      相关文章
    DIV与TABLE的区别
    浏览器不能正常解析CSS代码的解决
    HTML与javascript中常用编码浅析
    用CSS3 实现未来的Web
    DIV+CSS网页布局及网站设计常犯错误
    HTML5与HTML4的区别
    CSS布局实例:上中下三行 中间自适应
    CSS常用技巧介绍