如何在Yii中制作带有emenu扩展名的垂直菜单？

Question

将emenu Yii扩展名用于菜单。此扩展程序的基础项目是http://lwis.net/free-css-drop-down-menu/。

现在子菜单显示在一行中（最终会换行到第二行）。我正在使用“nvidia”主题。

如何使子菜单垂直？我希望子菜单中的项目垂直叠加在一起。

Answer 1

这是一个CSS问题。内部<ul>应该具有样式：width : 100%来自 dropdown.css ，但它被 themes / nvidia.com / default.css覆盖< / em>其中指定为：width: 170px。因此，您可以通过在自己的自定义css文件中添加该值将其更改回100%。

dropdown.css ：

ul.dropdown ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
}

主题/ nvidia.com / default.css ：

ul.dropdown ul {
  width: 170px;
  background-color: #333;
  color: #fff;
  font-size: 11px;
  text-transform: none;
  filter: alpha(opacity=90);
  -moz-opacity: .9;
  KhtmlOpacity: .9;
  opacity: .9;
}

mystyle.css ：

ul.dropdown ul{
  width:100% !important;
}