我正在使用wordpress jquery vertical megamenu插件。
我已使用该插件显示类别下拉菜单。这里的问题是"子容器"没有正确地定位到' li。
子容器显得很少下来。
<ul>
<li><a href="#">Category1</a>
<div class="sub-container>
<ul class="sub">
<li><a href="#">Category1</a></li>
<li><a href="#">Category2</a></li>
</ul>
</div>
<li>
<li><a href="#">Category2</a></li>
<li><a href="#">Category3</a></li>
</ul>
答案 0 :(得分:1)
这似乎是纯粹的css相关问题。我已经更新了子容器以具有以下css
left:100%;
top:-1px; /* this is to combat the top border */
然后给主要的一个position:relative;
更新了jsFiddle:http://jsfiddle.net/8j99k/3/
编辑:根据工作示例..请更改以下css声明以使其工作: file:screen.css, 行:3124
figcaption #dc_jqverticalmegamenu_widget-4-item ul li .sub-container{
left:100% !important;
top:-1px;
margin-top:0 !important;
}
file:skin.php, 行:5
#dc_jqverticalmegamenu_widget-4-item ul li{
position:relative;
}
正如我上面提到的..这纯粹是一个css问题..你有!important
样式覆盖的东西..