在做电商网站的时候,导航栏的下拉菜单被轮播图挡住,通常情况下,只要给他们各自的父级元素设置定位,然后设置z-index值,导航栏高于轮播图即可,但是设置以后却没有反应,依然被遮挡。
导航栏下拉菜单被轮播图挡住,设置z-index没反应可能问题解决方法。这里我们要回忆一下z-index的使用条件之一是处于同一层级的使用了定位的元素,所以出现即使设置了z-index的值依然没反应,可能是我们忽略了两者并不在同一层级。
导航栏下拉菜单被轮播图挡住,设置z-index没反应可能问题解决方法。
对此我的解决办法是将导航栏和轮播图置于同一层级,设置z-index前者高于后者,在调整一下由于移动两个块所影响的样式就可以了。
导航栏下拉菜单被轮播图挡住,设置z-index没反应可能问题解决方法。没有被遮挡了。
导航栏下拉菜单被轮播图挡住,设置z-index没反应可能问题解决方法。

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-06-03
  • 2022-12-23
  • 2022-01-15
  • 2021-05-24
  • 2021-10-07
猜你喜欢
  • 2021-08-01
  • 2022-12-23
  • 2022-01-04
  • 2022-01-09
  • 2022-12-23
  • 2021-11-23
相关资源
相似解决方案