Transparencecssmenu如何制作透明的CSS菜单_Div+CSS教程
教程Tag:暂无Tag,欢迎添加,赚取U币!
缂傚倷绀佸ú锕傚焻缁€鎱筪eCMS闁荤喐鐟ュΛ婵嬨€傞崼鏇炴瀬婵炲棙鍨熼弻锟�婵炴垶姊规竟鍡涘煘閺嶎厽鈷掗柨鐕傛嫹 缂備礁顦遍崰鎰耿閸ヮ剙绀夐柍銉ㄦ珪閻濓拷 闂備緡鍋勯ˇ杈╃礊婢跺本鍏滈柡鍥ㄦ皑闂夊秹鏌ゆ潏銊︻棖缂佹唻鎷� 闂佸搫鍟版慨鎾椽閺嶎偆鍗氭繛鍡樻尰濮f劗鈧鎮堕崕閬嶅矗閿燂拷,闂佽皫鍕姢閻庤濞婂鍫曞礃椤斿吋顏熸繛鎴炴尨閸嬫捇姊哄▎鎯ф灈闁告瑥绻樺濠氭晸閿燂拷!
透明的CSS菜单兼容性:IE5.5 、Opera、Frefox、Netscape!
CSS代码如下:
示例代码 [www.mb5u.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;
}
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.mb5u.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]-->
<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菜单
。