Chrome Update CSS Issue

Madan Shekar

3y1.2kCSS

Hi team,

After updating chrome latest version [111.x.x] we are faceing one issue in nav bar , on hover on particulat link we are showing sub menu . due to browser updates subment is displaying behind other html elements.

to resolve this issue I tried with z-index property but no luck . same website working as expected in edge browser.

team let me know if any sollution for this

Thanks

madan S B

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Madan Shekar3y ago
@Naimish Makwana I'm using the same code. as mentioned it is working as expected in edge browser but issue we are seeing in chrome only.
0

Naimish Makwana3y ago

Hello Madan,

If your HTML code looks something like this:


  
    Link 1
    
      Link 2
      
        Sub-link 1
        Sub-link 2
      
    
    Link 3

You can add the following CSS code to style the sub-menu and check

nav ul li {
  position: relative;
}

nav ul li ul {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
}

Thanks

Naimish Makwana

-1