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

【问题标题】：How to make vertical menu with emenu extension in Yii?如何在 Yii 中制作带有 emenu 扩展的垂直菜单？
【发布时间】：2012-10-17 15:07:06
【问题描述】：

使用emenu Yii 扩展名作为菜单。这个扩展的底层项目是http://lwis.net/free-css-drop-down-menu/。

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

如何使子菜单垂直？我希望子菜单中的项目相互垂直堆叠。

【问题讨论】：

标签： menu yii css

【解决方案1】：

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

dropdown.css：

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

themes/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;
}

【讨论】：