menu - 如何在 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 覆盖，指定为: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;
}