首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网络编程
CSS/HTML
正文
网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容
所属分类：
网络编程
/
CSS/HTML
阅读数： 1303
收藏 0
赞 0
分享
网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!--定义过渡型DOCTYPE--> <html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312"><!--定义名字空间--> <head><!--网页头部开始--> <title>网页布局+纯CSS纵向下拉菜单</title><!--标题栏--> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><!--定义语言编码--> <meta http-equiv="Content-Language" content="gb2312" /><!--针对老版浏览器定义语言编码--> <meta content="all" name="robots" /><!--允许搜索机器人--> <meta name="author" content="7273771@gmail.com,阳诡子,QQ:7273771" /><!--作者信息--> <meta name="Copyright" content="blog.529600.com,共同探讨,允许转载" /><!--版权信息--> <meta name="description" content="下拉菜单,CSS,布局" /><!--简介--> <meta content="下拉,菜单,CSS,布局" name="keywords" /><!--关键词--> <!--CSS样式开始--> <!--CSS样式结束--> </head><!--网页头部结束--> <body><!--网页主体开始--> <div id="logo"> logo </div> <div id="banner"> banner </div> <div id="mail"> mail </div> <div id="menu"> <ul> <li> <a href="">第一分类<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]> <table> <tr> <td><![endif]--> <ul> <li><a href="">XHTML</a></li> <li><a href="">CSS</a></li> <li><a href="">PHP</a></li> <li><a href="">MySQL</a></li> <li><a href="">Fireworks</a></li> <li><a href="">Photoshop</a></li> <li><a href="">Flash</a></li> <li><a href="">Illustrator</a></li> </ul><!--[if lte IE 6]> </td> </tr> </table> </a><![endif]--> </li> <li> <a href="">第一分类<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]> <table> <tr> <td><![endif]--> <ul> <li><a href="">XHTML</a></li> <li><a href="">CSS</a></li> <li><a href="">PHP</a></li> <li><a href="">MySQL</a></li> <li><a href="">Fireworks</a></li> <li><a href="">Photoshop</a></li> <li><a href="">Flash</a></li> <li><a href="">Illustrator</a></li> </ul><!--[if lte IE 6]> </td> </tr> </table> </a><![endif]--> </li> <li> <a href="">第一分类<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]> <table> <tr> <td><![endif]--> <ul> <li><a href="">XHTML</a></li> <li><a href="">CSS</a></li> <li><a href="">PHP</a></li> <li><a href="">MySQL</a></li> <li><a href="">Fireworks</a></li> <li><a href="">Photoshop</a></li> <li><a href="">Flash</a></li> <li><a href="">Illustrator</a></li> </ul><!--[if lte IE 6]> </td> </tr> </table> </a><![endif]--> </li> <li> <a href="">第一分类<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]> <table> <tr> <td><![endif]--> <ul> <li><a href="">XHTML</a></li> <li><a href="">CSS</a></li> <li><a href="">PHP</a></li> <li><a href="">MySQL</a></li> <li><a href="">Fireworks</a></li> <li><a href="">Photoshop</a></li> <li><a href="">Flash</a></li> <li><a href="">Illustrator</a></li> </ul><!--[if lte IE 6]> </td> </tr> </table> </a><![endif]--> </li> <li> <a href="">第一分类<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]> <table> <tr> <td><![endif]--> <ul> <li><a href="">XHTML</a></li> <li><a href="">CSS</a></li> <li><a href="">PHP</a></li> <li><a href="">MySQL</a></li> <li><a href="">Fireworks</a></li> <li><a href="">Photoshop</a></li> <li><a href="">Flash</a></li> <li><a href="">Illustrator</a></li> </ul><!--[if lte IE 6]> </td> </tr> </table> </a><![endif]--> </li> <li> <a href="">第一分类<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]> <table> <tr> <td><![endif]--> <ul> <li><a href="">XHTML</a></li> <li><a href="">CSS</a></li> <li><a href="">PHP</a></li> <li><a href="">MySQL</a></li> <li><a href="">Fireworks</a></li> <li><a href="">Photoshop</a></li> <li><a href="">Flash</a></li> <li><a href="">Illustrator</a></li> </ul><!--[if lte IE 6]> </td> </tr> </table> </a><![endif]--> </li> <li> <a href="">第一分类<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]> <table> <tr> <td><![endif]--> <ul> <li><a href="">XHTML</a></li> <li><a href="">CSS</a></li> <li><a href="">PHP</a></li> <li><a href="">MySQL</a></li> <li><a href="">Fireworks</a></li> <li><a href="">Photoshop</a></li> <li><a href="">Flash</a></li> <li><a href="">Illustrator</a></li> </ul><!--[if lte IE 6]> </td> </tr> </table> </a><![endif]--> </li> <li> <a href="">第一分类<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]> <table> <tr> <td><![endif]--> <ul> <li><a href="">XHTML</a></li> <li><a href="">CSS</a></li> <li><a href="">PHP</a></li> <li><a href="">MySQL</a></li> <li><a href="">Fireworks</a></li> <li><a href="">Photoshop</a></li> <li><a href="">Flash</a></li> <li><a href="">Illustrator</a></li> </ul><!--[if lte IE 6]> </td> </tr> </table> </a><![endif]--> </li> <li> <a href="">第一分类<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]> <table> <tr> <td><![endif]--> <ul> <li><a href="">XHTML</a></li> <li><a href="">CSS</a></li> <li><a href="">PHP</a></li> <li><a href="">MySQL</a></li> <li><a href="">Fireworks</a></li> <li><a href="">Photoshop</a></li> <li><a href="">Flash</a></li> <li><a href="">Illustrator</a></li> </ul><!--[if lte IE 6]> </td> </tr> </table> </a><![endif]--> </li> <li> <a href="">第一分类<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]> <table> <tr> <td><![endif]--> <ul> <li><a href="">XHTML</a></li> <li><a href="">CSS</a></li> <li><a href="">PHP</a></li> <li><a href="">MySQL</a></li> <li><a href="">Fireworks</a></li> <li><a href="">Photoshop</a></li> <li><a href="">Flash</a></li> <li><a href="">Illustrator</a></li> </ul><!--[if lte IE 6]> </td> </tr> </table> </a><![endif]--> </li> </ul> </div> <div id="nav"> 您的位置:网站首页 </div> <div id="left"> left </div> <div id="middle"> middle </div> <div id="right"> right </div> <div id="footer"> footer </div> </body><!--网页主体结束--> </html>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
更多精彩内容
其他人还在看
Mozilla建议的CSS书写顺序
Mozilla建议的CSS书写顺序
评论 0
收藏 0
赞 0
分享
微软终于对网页三剑客下手了
微软终于对网页三剑客下手了
评论 0
收藏 0
赞 0
分享
div＋css布局入门
div＋css布局入门
评论 0
收藏 0
赞 0
分享
HTML中的数据绑定
HTML中的数据绑定
评论 0
收藏 0
赞 0
分享
CSS定义通用透明效果
CSS定义通用透明效果
评论 0
收藏 0
赞 0
分享
一段巧妙的css debug代码
一段巧妙的css debug代码
评论 0
收藏 0
赞 0
分享
display&position
display&position
评论 0
收藏 0
赞 0
分享
布局遇到的问题 非常不错的见解
布局遇到的问题 非常不错的见解
评论 0
收藏 0
赞 0
分享
表格斜线
表格斜线
评论 0
收藏 0
赞 0
分享
利用CSS控制SELECT中的OPTION是否不允许选
利用CSS控制SELECT中的OPTION是否不允许选
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
让所谓“网络营销”的人哭笑不得：一个圈外人士的真实网赚经历
主观臆断,百度联盟审核的条件
创业者找投资需要想好的九个问题
如何适当提高垃圾站Google
2017自媒体账号申请及运营的几点建议
Google Adsense西联汇款领取方式与流程，亲身实践
站长故事
更多
站长故事：一个80后妈妈的微商之旅
直击苹果发布会：苹果iWatch能否能撑起一个市场？
验证码广告：站长增加收入的另一种新渠道
大脚：一个老站长的垂死宣言
我是怎么赚到人生的第一个百万的
PHPWind
