0

私はこのかなり単純なドロップダウンに取り組んでいますが、最初のリンクを通過するとドロップダウンが消える理由がわかりませんか?

http://haizel.co.uk/wedding/

上で見ることができます。以下のCSS：

nav {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 25px 0;
  font-size: 18px; }

nav ul li ul li {
  width: 150px;
  padding: 0;
  font-size: 14px; }

nav ul {
  display: flex;
  list-style: none;
  margin: 0; }

nav li{
  position: relative;
  margin: 0;
  padding: 0 20px; }

nav a{
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  font-family: 'Montserrat', sans-serif; }

nav ul ul{
  display: none;
  position: absolute;
  top: 100%;
  left: 20px; }

nav ul li:hover > ul {
  display: block; }

前もって感謝します。

4

1 に答える 1

2

ドロップダウン メニューは<section class="main-content">コンテンツの後ろにドロップ ダウンしているので、ヘッダーを高くしてくださいz-index

header {
    position: relative;
    z-index: 2;
}
于 2015-10-15T14:31:37.010 に答える