Author: Stu Nichols Translation: forestgan
Information
This is an adaptation of cssplay's webmaster based on its recently created dropdown and flyout menus,
When you hover the mouse over the menu in sequence, different pages can be displayed at the same position, in opera,
Ie5.5, IE6, IE7 beta, Safari 1.3.2 & Firefox. Correctly displays and works, not compatible with Mac ie5.
When hovering over a menu or page, text, images, and links are displayed. the scroll bar must be added to each page.
Style
For non-ie browsers, it is relatively simple to use only one style sheet.
<LINK rel = "stylesheet" Media = "all" type = "text/CSS" href = "one_page.css"/>
The one_page.css File
Internet Explorer also needs to add a special one for it and use conditions to judge the addition.
<! -- [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
You will see that the conditional judgment is used to add a table to IE. other browsers will not use the table, but will normally use the unordered list.
Document Type Declaration must be added. Otherwise, it cannot work normally.
Demo: one_page.html
Address: http://www.cssplay.co.uk/menu/one_page.html