未显示html/css下拉列表

一直在用html/css处理导航栏，但下拉列表没有出现。我一直在玩弄代码，但似乎什么都不管用。一旦我从.dropdown内容类中删除了display:none，它似乎会出现

谁能看一下吗？我已经做了几个小时了，阅读了关于这个问题的每一条线索，但无法理解。提前谢谢

以下是我的css和html代码片段：

正文{
宽度：100%；
背景图像：url（“https://images.unsplash.com/photo-1458682625221-3a45f8a844c7?ixlib=rb0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&s=05e92845cd4b48607787e676d0d7d2e5");
背景尺寸：封面；
}
#导航师{
不透明度：0.70；
滤镜：（不透明度=70；
)
}
#纳夫迪夫酒店{
列表样式类型：无；
宽度：100%；
背景：白色；
线高：3rem；
浮动：对；
溢出：隐藏；
}
#海军部{
文字装饰：无；
颜色：黑色；
填料：2米；
}
#纳夫迪乌尔利酒店{
浮动：对；
右边距：1米；
}
#标志{
浮动：左！重要；
字号：2em；
左边距：1米；
}
#navdiv ul#标志：悬停{
背景：无；
}
#导航师：悬停，
下拉菜单：悬停#下拉菜单n{
背景#B266FF；
过渡：所有0.8秒；
}
li.下拉列表{
显示：内联块；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#f9f9f9；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
}
.下拉内容a{
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
文本对齐：居中；
}
.下拉列表内容a：悬停{
背景色：#f1f1
}
.下拉：悬停.下拉内容{
显示：内联块；
}

波塔伊托波塔托





下拉内容div不在下拉div下，父元素
缺少下拉类规范。
您需要为公文包li添加下拉列表，而不是大约，因为它没有下拉内容


HTML:

  <li  class="dropdown"><a href="#portfolio" id="dropbtn">Portfolio</a>


将触发器类添加到
li
元素中。您的CSS对于触发器也是不正确的，您引用的是.dropdown（实际上是li上的一个类，表示“about”！）

有关工作示例，请参阅。

正文{
宽度：100%；
背景图像：url（“https://images.unsplash.com/photo-1458682625221-3a45f8a844c7?ixlib=rb0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&s=05e92845cd4b48607787e676d0d7d2e5");
背景尺寸：封面；
}
#导航师{
不透明度：0.70；
滤镜：（不透明度=70；
)
}
#纳夫迪夫酒店{
列表样式类型：无；
宽度：100%；
背景：白色；
线高：3rem；
浮动：对；
}
#海军部{
文字装饰：无；
颜色：黑色；
填料：2米；
}
#纳夫迪乌尔利酒店{
浮动：对；
右边距：1米；
}
#标志{
浮动：左！重要；
字号：2em；
左边距：1米；
}
#navdiv ul#标志：悬停{
背景：无；
}
#导航师：悬停，
下拉菜单：悬停#下拉菜单n{
背景#B266FF；
过渡：所有0.8秒；
}
li.下拉列表{
显示：内联块；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#f9f9f9；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
}
.下拉内容a{
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
文本对齐：居中；
}
.下拉列表内容a：悬停{
背景色：#f1f1
}
li：悬停div.dropdown-content{
显示：块；
}


波塔伊托波塔托





filter:（不透明度=70；）->filter:（不透明度=70）；你没有在这个答案中解释任何东西。谢谢Jose Manuel，它很有效…下次要多加注意（：谢谢，那我为什么有-1？？谢谢，你的答案很有帮助！现在有效：）太好了，很乐意帮忙！如果你认为答案是正确的，那么一定要把它标记为正确的——它可能会帮助其他人回答与你类似的问题：）