Transparencecssmenu如何制作透明的CSS菜單_Div+CSS教程

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!
      透明的CSS菜單
      兼容性:IE5.5 、Opera、Frefox、Netscape!

      CSS代碼如下:
      示例代碼 [www.wf0088.com]
      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調(diào)入對ie的CSS控制:
      示例代碼 [www.wf0088.com]
      <!--[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]-->

      來源:無憂整理//所屬分類:Div+CSS教程/更新時間:2006-12-29
      相關Div+CSS教程