1

我创建了一个使用 solpartmenu 的皮肤。在使用子菜单的门户上,我在不同的浏览器中得到不同的行为:在 IE 和 Firefox 上,子菜单在父项的下方下拉,正如我所料。但是在 Safari 和 Chrome 上, 出现在页面的最左侧。我不认为我对我的 CSS 做了什么太奇怪的事情,但我似乎错过了一些东西。一个例子在这里: http: //www.codeswell.com/tpabuilders。我在下面添加了我的 solpartmenu 样式。如果需要,我可以添加完整的皮肤代码/CSS。

任何人都可以对此有所了解吗?

/* SolPartMenu styles */

.MainMenu_MenuItem 
{
    cursor: pointer;
    background-color: White;
    color: #006309;
    font-family: Times New Roman;
    font-size: 14px;
    font-weight: bold;
}

.MainMenu_RootMenuItemActive
{
    text-decoration: underline;
}

.MainMenu_RootMenuArrow 
{
    display: none; 
}

.MainMenu_MenuIcon
{
    width: 0px; 
    height: 0px;
}

.MainMenu_MenuArrow 
{
    display: none; 
}

.MainMenu_MenuItemSel
{
    cursor: pointer;
    background: White;
    color: Maroon;
    font-family: Times New Roman;
    font-size: 14px;
    font-weight: bold;
}
4

1 回答 1

2

我建议尝试在菜单项上设置显式宽度。我在 Chrome 中注意到它说子菜单项的宽度约为 1600 像素 - 这就是为什么它被推这么远的原因。

另外,我觉得我必须这样说,我不建议您使用 SolPartMenu 进行 DotNetNuke 导航。那里有更好的选择。你会一直对 SolPartMenu 感到头疼,根据我的经验,它不值得。

于 2009-05-14T16:25:11.807 回答