从第一个 `li` 本身悬停时启动 Mega Sub 菜单 CSS
Start Mega Sub menu on hover from first `li` itself CSS
我在网站上有一个菜单,它还有悬停时打开的子菜单。
菜单运行良好,但子菜单不是从第一行开始的,因此它可以充当超级菜单。
我虽然可以通过下面的行来完成
#ayurmenu ul li:hover > ul {
left: 0px;
}
但它不起作用。下面是 JSFiddle 的 link。请检查。
Ps: 同样对于关于我们,子菜单应该从同一行开始,而不是从第一行开始。
顶级导航中的 li
元素(即 Home、Home Remedies 等)不能具有与其父 ul 的相对位置 (position:relative;
)。
您需要将这些 li
元素设为静态。如果您需要子菜单 li
元素是相对的,那就是另一回事了,但是为了将每个元素都推到左边(在第一个 li 下),那么顶层 li
元素需要是静态的.
我在网站上有一个菜单,它还有悬停时打开的子菜单。 菜单运行良好,但子菜单不是从第一行开始的,因此它可以充当超级菜单。
我虽然可以通过下面的行来完成
#ayurmenu ul li:hover > ul {
left: 0px;
}
但它不起作用。下面是 JSFiddle 的 link。请检查。
Ps: 同样对于关于我们,子菜单应该从同一行开始,而不是从第一行开始。
顶级导航中的 li
元素(即 Home、Home Remedies 等)不能具有与其父 ul 的相对位置 (position:relative;
)。
您需要将这些 li
元素设为静态。如果您需要子菜单 li
元素是相对的,那就是另一回事了,但是为了将每个元素都推到左边(在第一个 li 下),那么顶层 li
元素需要是静态的.