使用emenu Yii扩展作为菜单。此扩展的底层项目是http://lwis.net/free-css-drop-down-menu/。
现在,子菜单显示在一行中(最终确实会换到第二行)。我用的是"nvidia“的主题。
如何使子菜单垂直?我希望子菜单中的菜单项垂直堆叠在另一个的顶部。
发布于 2012-10-17 07:07:06
这是一个css问题。内部<ul>
的样式应该是:width : 100%
,它来自dropdown.css,但是它被指定为:width: 170px
的主题/nvidia.com/default.css所覆盖。因此,您可以通过将该值添加到您自己的自定义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;
}
https://stackoverflow.com/questions/12925483
复制