這是一個透明的CSS選單,相容:IE5.5+、Opera、Frefox、Netscape。
CSS程式碼:
以下為引用的內容: 身體{ 字體:80% Arial,無襯線; 背景:#666; } #導航{ 寬度:170 像素; 背景: url(navbg.gif) 底部; 清單樣式類型:無; 保證金:0; 填充:0; } #導航a{ 顯示:塊; 寬度:170 像素; 行高:25px; 文字裝飾:無; 顏色:#333; 文字縮排:10px; 字體粗細:粗體; 背景: url(nav2.png); } #nav a:懸停{ 背景:無; 顏色:#999; } |
使用if調入對ie的CSS控制:
以下為引用的內容: <!--[如果 gte IE 5.5]> <樣式類型=“文字/css”> #nav a{背景:無; 過濾器:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod ='scale',src ='nav2.png')} #nav a:懸停{過濾器:無} </風格> <![endif]--> |