首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何在Yii中制作带有菜单扩展的垂直菜单?

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

Stack Overflow用户
提问于 2012-10-17 08:31:58
回答 1查看 1.5K关注 0票数 0

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

现在,子菜单显示在一行中(最终确实会换到第二行)。我用的是"nvidia“的主题。

如何使子菜单垂直?我希望子菜单中的菜单项垂直堆叠在另一个的顶部。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-10-17 15:07:06

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

dropdown.css

代码语言:javascript
代码运行次数:0
运行
复制
ul.dropdown ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
}

主题/nvidia.com/default.css

代码语言:javascript
代码运行次数:0
运行
复制
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

代码语言:javascript
代码运行次数:0
运行
复制
ul.dropdown ul{
  width:100% !important;
}
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12925483

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档