Transparencecssmenu如何制作透明的CSS菜單_Div+CSS教程
教程Tag：暫無Tag,歡迎添加,賺取U幣!
透明的CSS菜單
兼容性:IE5.5 、Opera、Frefox、Netscape！
CSS代碼如下：
用if調入對ie的CSS控制：
兼容性:IE5.5 、Opera、Frefox、Netscape！
CSS代碼如下：
示例代碼 [www.zhaotila.cn]
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;
}
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控制：
示例代碼 [www.zhaotila.cn]
<!--[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]-->
<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教程：
- 相關鏈接：
- 教程說明：
Div+CSS教程-Transparencecssmenu如何制作透明的CSS菜單
。