导航栏下拉菜单被轮播图挡住,设置z-index没反应可能问题解决方法。

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