How to use ul li ul li ul li in css to implement a three-level menu_html/css_WEB-ITnose

css

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

• 网站首页


• 域名主机
  
  
  
  • 域名注册
  
  
  • 企业邮局
  
  
  
  


• 网站建设
  
  
  
  • 企业网站
  
  
  • 其它网站
    
    
    
    • 行业网站
    
    
    • 论坛程序
    
    
    • 商城程序
    
    
    
    
  
  
  
  


• 联系我们

At present, when the second-level menu is displayed, the third-level menu is also displayed. I don’t know what went wrong. Please Expert guidance, thank you in advance...

The file has been uploaded to: http://www.zjgqy.com.cn/t4.html

Reply to the discussion (solution)

#menu2 ul li:hover ul li ul{   display:none;}

Add this, otherwise the third level ul will be displayed when the second episode menu is displayed

#menu2 ul li:hover ul li ul{   display:none;}

Add this, otherwise the second episode When the menu is displayed, the third level ul will be displayed together


Thanks to Dizzy88 for the reply, this problem is solved, but there is still a problem under IE6, I don’t know what to do! Could you please help me take another look?

#menu2 ul li.current ul{
display:block;}
Added this style, and the following JS

This IE6 does not support that sentence, it only supports the pseudo-class of a! Does this require changing JS?

This must be a problem with the JS code. One sentence is right. IE6 does not support pseudo classes, so the sentence you added later to hide the three-level list is also invalid. You should give it in JS. Plus no display!

Because the third-level menu is not hidden when the mouse moves to the second-level menu
As long as the

Pay attention to change the previous ID to your own id

#menu2 ul li.current ul{
display:block;}
Add With this style, there is also the following JS


ie6 does not support divs Pseudo class: For hover, just add an a tag to your li and then use css to control the a tag

#menu2 ul li.current ul{
display:block;}
Added this style, and the following JS


IE6 does not support the pseudo-class of div: hover. Just add an a tag to your li and then control the a tag with css



I don’t know where to add it. I tried several times but failed to debug it. Could you please help me change it?