首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网络编程
CSS/HTML
正文
网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容
所属分类：
网络编程
/
CSS/HTML
阅读数： 1261
收藏 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需再刷新一下页面才能执行
]
更多精彩内容
其他人还在看
简单明了带你了解CSS Modules
不要误会，CSS Modules可不是在说“css模块化”这个好像在某些地方见过的词，它其实是特指一种近期才出现的技术手段。什么技术手段呢？下面小编来和大家一起学习一下
评论 0
收藏 0
赞 0
分享
新手学习css优先级
大部分人同样也会在写css的过程中产生很多困惑，比如为什么自己写的某段css没有生效，或者呈现出的样式和预计的不同，但又不知道要如何解决。下面小编来和大家一起学习CSS的优先级
评论 0
收藏 0
赞 0
分享
css进阶学习 选择符
css这种没有程序逻辑的代码中，又能找出什么来说明谁做得更出色呢？下面小编给大家说明如何从css选择符的角度来提高css代码质量。
评论 0
收藏 0
赞 0
分享
实现css文字垂直居中的8种方法
CSS可以轻易实现文字的水平居中，但有时我们需要文字垂直居中，除了表格可以实现这种CSS文字垂直居中以外，还有其它几种方法可以做到
评论 0
收藏 0
赞 0
分享
完美实现CSS垂直居中的11种方法
在做前端项目时CSS的水平居中我们经常使用，但有时还会用到CSS垂直居中，对于小白来说这个就有些难度了，下面看一下我是如何实现的
评论 0
收藏 0
赞 0
分享
webpack高级配置与优化详解
这篇文章主要介绍了webpack高级配置与优化,其中包括了webpack打包多页面，webpack跨域问题等相关内容
评论 0
收藏 0
赞 0
分享
5个HTML5的常用本地存储方式详解与介绍
在HTML5规范之前，存储主要是用cookies，但cookies缺点有在请求头上带着数据，大小是4k之内，今天为大家介绍一下H5的5种存储方式
评论 0
收藏 0
赞 0
分享
CSS代码检查工具stylelint的使用方法详解
stylelint是一个强大的现代CSS检测器,可以让开发者在样式表中遵循一致的约定和避免错误。本文将详细介绍CSS代码检查工具stylelint
评论 0
收藏 0
赞 0
分享
Zen Coding css,html缩写替换大观 快速写出html,css
本文是在zen使用生产中遇到的问题做一些分享。
评论 0
收藏 0
赞 0
分享
javascript代码规范小结
javascript代码规范，大家可以参考下，以便写出更利于阅读的代码。
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
卡盟是怎么赚钱的?卡盟各个盈利模式介绍
女子注册相亲网站收到短信 点击链接后6万块钱不翼而飞
怎么用互联网思维的做餐饮？
百度联盟点击率低的原因
一个既能省钱又能赚钱的公众号 你要错过么
网站如何靠SEO盈利？先把网站包装成专卖店吧
站长故事
更多
小米、华为互喷的背后：互相吃翔的GDP！
为何说魅族的小米路线注定走不通？
揭晓互联网三大巨头(百度,腾讯,阿里巴巴)和草根站长的往来
大脚：一个老站长的垂死宣言
做好网站维护 持续吸引用户浏览
我对互联网VC的10点看法 知己知彼百战不殆
