相关疑难解决方法(0)

使用纯css打开/向上的下拉菜单

我创建了一个带有纯CSS的下拉菜单,我已经把它带到了我喜欢的地方,除了我希望它是"drop-up"而不是"drop-down",因为菜单栏位于底部布局.我需要添加或更改以使其"下拉"?

#menu * { 
  padding:0; 
  margin: 0; 
  font: 12px georgia; 
  list-style-type:none;
}
#menu { 
  margin-top: 100px;
  float: left;
  line-height: 10px; 
  left: 200px;
}
#menu a { 
  display: block; 
  text-decoration: none; 
  color: #3B5330;
}
#menu a:hover { background: #B0BD97;}
#menu ul li ul li a:hover { 
  background: #ECF1E7; 
  padding-left:9px;
  border-left: solid 1px #000;
}
#menu ul li ul li {
  width: 140px; 
  border: none; 
  color: #B0BD97;  
  padding-top: 3px; 
  padding-bottom:3px; 
  padding-left: 3px; 
  padding-right: 3px; 
  background: #B0BD97;
}
#menu ul li ul li …
Run Code Online (Sandbox Code Playgroud)

html css menu drop-down-menu

39
推荐指数
1
解决办法
11万
查看次数

标签 统计

css ×1

drop-down-menu ×1

html ×1

menu ×1