开发者

multi level menu with css &html? [closed]

开发者 https://www.devze.com 2023-02-12 01:41 出处:网络
It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical andcannot be reasonably answered in its current form. For help clari
It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center. 开发者_Python百科 Closed 10 years ago.

I wish to create a multi level menu with pure css & html. the position of the menu should be controlled by css.Can Anyone help me?


There's a great CSS only menu at http://www.cssplay.co.uk/menus/final_drop.html with support down to IE5.5


Try Suckerfish menus.

Also Superfish menus might be helpful. This is the same like Suckerfish, but it also adds keyboard navigation support using JS.


You can do that only with css and html if you position a part of the div (or ul or li or whatever) over the element that you want it to appear when you go over it.

Lets say you use ul. You do something like this:

<ul>

<li> whatever <li>

etc...

<ul>

over a li you put the next ul (you have to control the z-index correctly for this to work good).

That ul must have display:none;

and also on hover display:block (if its called test it is like):

#test
{
 display:none;
}


#test:hover
{
 display:block;
}

That is how it should be done... but take care for z-index-es or else it won't work correctly.

0

精彩评论

暂无评论...
验证码 换一张
取 消