html css超级菜单下拉列表

我正在重新设计这个网站，我对产品目录下拉菜单有问题。我正在使用

foundation5

进行响应，我不确定，但这可能是我菜单上的问题

我插入的代码对这里的东西不起作用（我假设因为我不能得到基础和图片加载），但是链接有它的样子。

---

我尝试了很多不同的方法，只需编辑CSS就可以了。我以为这是一个空白，但当我右键单击inspector视图时，它显示了一个锚定标记，我没有对锚定标记进行编码，这让我非常困惑

有人能帮我吗？ps菜单产品目录下拉列表应该是这样的。

/*菜单*/
.按钮组{
宽度：104%；
字母间距：.014em；
}
.按钮组.按钮{
字体系列：“PT Sans”，无衬线；
字体大小：粗体；
颜色：黑色；
背景：#5fd6d6；/*旧浏览器*/
背景：-莫兹线性梯度（顶部，#5fd6d6 0%，#b9e8e8 42%，#b9e8e8 57%，#5fd6d6 100%）；/*FF3.6+*/
背景：-webkit渐变（线性、左上、左下、颜色停止（0%、#5fd6d6）、颜色停止（42%、#b9e8e8）、颜色停止（57%、#b9e8e8）、颜色停止（100%、#5fd6d6））；/*铬、Safari4+*/
背景：-webkit线性梯度（顶部，#5fd6d6 0%，#b9e8e8 42%，#b9e8e8 57%，#5fd6d6 100%）；/*铬10+，Safari5.1+*/
背景：-o型线性梯度（顶部，#5fd6d6 0%，#b9e8e8 42%，#b9e8e8 57%，#5fd6d6 100%）；/*Opera 11.10+*/
背景：-ms线性梯度（顶部，#5fd6d6 0%，#b9e8e8 42%，#b9e8e8 57%，#5fd6d6 100%）；/*IE10+*/
背景：线性梯度（至底部，#5fd6d6 0%，#b9e8e8 42%，#b9e8e8 57%，#5fd6d6 100%）/*W3C*/
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#5fd6d6'，endColorstr='#5fd6d6'，GradientType=0）；/*IE6-9*/
}
.按钮左{
边框左上半径：8px；
边框左下半径：8px；
}
.按钮正确{
边框右上角半径：8px；
边框右下半径：8px；
}
.按钮组。按钮：悬停{
背景：白色；
颜色：#5fd6d6；
字体大小：粗体；
盒影：0px 0px 5px 4px rgba（0,0,0,0.08）；
}
/*去除ul的填充并列出样式*/
.菜单ul{
列表样式类型：无；
填充：0；
位置：绝对位置；
}
/*菜单链接的样式*/
.菜单李a{
显示：块；
文本对齐：居中；
文字装饰：无；
颜色：透明；
}
/*顶级链接的悬停状态*/
.菜单李：将鼠标悬停在a上{
背景：白色；
颜色：#5fd6d6；
字体大小：粗体；
}
.菜单李：悬停{
盒影：0px 0px 5px 4px rgba（0,0,0,0.08）；
}
/*下拉链接的样式*/
.menu li：将鼠标悬停在ul a上{
背景：白色；
颜色：#161616；
高度：40px；
线高：40px；
}
/*下拉链接的悬停状态*/
.菜单li:悬停ul a:悬停{
颜色：#161616；
}
/*隐藏下拉链接，直到需要它们*/
.菜单{
显示：无；
z指数：100；
}
/*使下拉链接垂直*/
.菜单李宇莉{
显示：块；
浮动：无；
盒影：0px 0px 5px 4px rgba（0,0,0,0.08）；
-moz盒阴影：0px 0px 5px 4px rgba（0,0,0,0.08）；
-网络工具包盒阴影：0px 0px 5px 4px rgba（0,0,0,0.08）；
}
李先生{
宽度：96%；
身高：461px；
背景色：白色；
}
.李明{
利润上限：-55px；
}
.隐藏
{
左：0px；
利润上限：-20px；
左边距：-2px；
}
/*悬停时显示下拉列表*/
.menu ul li a:悬停+.隐藏，.隐藏：悬停{
显示：块；
}
.dropdownhr{
填充底部：30px；
}
.迷你照片{
高度：34px；
}
/*T恤打印下拉选项*/
.tshirtdropdown:悬停{
背景颜色：灰色；
}
.tshirtdropdown{
高度：378px；
填充顶部：75px；
利润上限：-66px；
}
.t hirtdropdown img{
宽度：100%；
}
.ddheader{
字号：1.5em；
字体大小：粗体；
边缘底部：-2px；
}
.tshirtbtext{
颜色：#cc0b12；
字体大小：粗体；
利润上限：-55px；
}
/*/t T恤打印下拉选项*/
/*全部打印下拉选项*/
.allowdropdown:悬停{
背景颜色：粉红色；
}
.AllowerDropDown{
身高：373px；
填充顶部：74px；
利润上限：-61px；
}
.allowdropdown img{
宽度：100%；
高度：253px；
}
/*/全部打印下拉选项*/
/*刺绣下拉选项*/
.向下移动：悬停{
背景颜色：浅蓝色；
}
1.西门町{
身高：373px；
填充顶部：74px；
利润上限：-61px；
}
.1.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2{
宽度：100%；
高度：253px；
}
/*/刺绣下拉选项*/
/*莱茵石下拉选项*/
.rhinestonedropdown:悬停{
背景色：#B19CD9；
}
.莱茵石降凝剂{
身高：373px；
填充顶部：74px；
利润上限：-61px；
}
.rhinestonedropdown img{
宽度：100%；
高度：253px；
}
/*/rhinestone下拉选项*/
/*产品目录下拉选项*/
.topproducts:悬停{
背景颜色：浅绿色；
}
.productitem:悬停{
背景颜色：浅绿色；
}
.产品目录{
宽度：1073px；
}
.顶级产品{
身高：413px；
宽度：390px；
浮动：对；
左边框：实心1px#DDD；
}
.topproducts img{
宽度：350px；
高度：450px；
显示：块；
保证金：0自动；
}
.产品组{
宽度：560px；
身高：413px；
右边距：-55px；
浮动：左；
}
.productitem{
宽度：161px；
浮动：左；
右边距：25px；
边际上限：0px；
}
.p项{
文本对齐：居中；
字体大小：粗体；
颜色：黑色；
边缘底部：5px；
}
/*/产品目录下拉选项*/
/*/MENU*/