透明的(transparence)CSS菜单

• 这是个透明的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=/uploadImages/2007-5-16/200751611165670804.png)}
  #nav a:hover{filter: none}
  </style>
  <![endif]--> 

  
  

  （出处：网侠）

• 复制本页网址和标题，发送给你QQ/Msn的好友一起分享
  
  
• 透明的(transparence)CSS菜单 相关文章：
• ·透明的(transparence)CSS菜单
• 透明的(transparence)CSS菜单 相关软件

上一篇:纯CSS制作简洁的垂直导航

下一篇:避免页面布局被大尺寸图片和长字符串破坏

• 特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
• 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
• 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

精品推荐

热点TOP10

特别推荐