论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > div+css布局教程
Tag:css,入门,技巧,div,实例,示例,菜单,布局,web2.0,ul,li,经验,列表,web标准,xhtml,web标准,浏览器,兼容,css hack,表格,视频教程

{WEB标准}DIV+CSS设计实例:透明的导航菜单

文章类别:div+css布局 | 发表日期:2008-9-26 11:54:38

这是个透明的CSS菜单,兼容性:IE5.5+、Opera、Frefox、Netscape。

CSS代码:

以下为引用的内容:
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调入对ie的CSS控制:

以下为引用的内容:
<!--[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推荐教程
div+css热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058