Transparencecssmenu如何制作透明的CSS菜單_Div+CSS教程
教程Tag：暫無Tag,歡迎添加,賺取U幣!
透明的CSS菜單
兼容性:IE5.5 、Opera、Frefox、Netscape！
CSS代碼如下：
用if調(diào)入對ie的CSS控制：
兼容性:IE5.5 、Opera、Frefox、Netscape！
CSS代碼如下：
示例代碼 [www.hl5o.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調(diào)入對ie的CSS控制：
示例代碼 [www.hl5o.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]-->
相關(guān)Div+CSS教程：
- DIV+CSS設(shè)計(jì)的誤區(qū)
- CSS基礎(chǔ)：常用CSS英文字體介紹
- IE6和IE7中border邊框斷線現(xiàn)象
- border:none;與border:0;的有什么不同?
- div+css下js對聯(lián)廣告不隨屏幕滾動(dòng)的解決方法
- HTML元素的ID和Name屬性的區(qū)別
- divcss教程:深入了解css的行高Line Height屬性
- CSS文檔流,塊級元素和內(nèi)聯(lián)元素
- 5個(gè)你該知道的CSS3新技術(shù)
- 用正則表達(dá)式替換a標(biāo)記href值
- 30個(gè)優(yōu)秀的CSS導(dǎo)航和按鈕設(shè)計(jì)教程
- css中px和em有什么區(qū)別
Div+CSS教程Rss訂閱Div+Css教程搜索
Div+CSS教程推薦
- 如何用css控制一個(gè)容器的顯示與隱藏？
- WEB2.0標(biāo)準(zhǔn)教程：第七天CSS入門
- li中出現(xiàn)兩個(gè)以上浮動(dòng)時(shí)列表標(biāo)記出現(xiàn)問題的解決辦法
- 經(jīng)典一例CSS表單form布局！
- 左中右3欄布局中最先顯示中欄內(nèi)容的方法
- CSS初學(xué)者如何選擇相應(yīng)的書籍來學(xué)習(xí)？
- Div CSS布局的十六條技巧及詳細(xì)用法
- DIV CSS網(wǎng)頁布局與WEB標(biāo)準(zhǔn)的討論與閑扯
- 完全CSS下拉菜單，只用CSS，純CSS構(gòu)筑！
- 網(wǎng)站變黑灰色CSS濾鏡代碼
猜你也喜歡看這些
- CSS滑動(dòng)式條狀圖表如何實(shí)現(xiàn)？
- DIV CSS布局入門示例(三)頁面頂部制作
- DIVCSS布局實(shí)例：一款漂亮的圖片切換效果(可以控制播放)
- 仿谷歌google的搜索框下拉提示列表效果
- DIVCSS布局實(shí)例：DIV CSS新聞列表制作
- Web標(biāo)準(zhǔn)實(shí)戰(zhàn)CSS網(wǎng)頁布局Google首頁
- CSS實(shí)例：如何讓無空格的長字符在IE和FF下面實(shí)現(xiàn)自動(dòng)換行？
- CSS實(shí)例：Unobtrusive頁簽切換符合Web標(biāo)準(zhǔn)具有html語義
- DivCSS布局實(shí)例用dldtdd來制作列表
- CSS JavaScript打造鼠標(biāo)懸停圖片漸顯效果！
- 相關(guān)鏈接：
- 教程說明：
Div+CSS教程-Transparencecssmenu如何制作透明的CSS菜單
。