完全采用CSS的CROSS BROWSER TABBED PAGES

作者：Stu Nicholls 翻译：forestgan

信息

这是 cssplay的站长根据其最近创作的dropdown and flyout menus而改编而成的，
当鼠标按顺序悬停在菜单上时，可在同一位置显示不同的页面，可在Opera,
IE5.5, IE6, IE7 beta,Safari 1.3.2 & Firefox.中正确显示和工作，不兼容Mac IE5。

鼠标悬停在菜单和页面上时显示文字与图片以及链接，滚动条要加在每个页上。

样式

对于非IE浏览器来说是比较简单的，只用一个样式表。

<link rel="stylesheet" media="all" type="text/css" href="one_page.css"/>

The one_page.css file

而IE还需要专门为它加一个，用条件判断加入。

<!--[if lte IE 6]>
<link rel="stylesheet" media="all"   type="text/css" href="one_page_ie.css" />
<![endif]-->

The one_page_ie.css file

xhtml

你会看到用条件判断来给 IE添加表格，. 其他浏览器不会用到表格，而将正常使用无序列表。
文档类型声明是必须要加的，反之不能正常工作。

演示：one_page.html

原文地址：http://www.cssplay.co.uk/menu/one_page.html