使用 emenu Yii 菜单扩展。此扩展的基础元素是 http://lwis.net/free-css-drop-down-menu/ .
现在子菜单显示在一行中(最终换行到第二行)。我正在使用“nvidia”主题。
如何使子菜单垂直?我希望子菜单中的元素相互垂直堆叠。
最佳答案
这是一个 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;
}
关于menu - 如何在 Yii 中使用 emenu 扩展制作垂直菜单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12925483/