0
你好我目前正在建設一個asp.net菜單需要在左邊顯示不上菜單的右側
<asp:Menu ID="NavigationMenu" runat="server" EnableViewState="False" IncludeStyleBlock="False">
<Items>
<asp:MenuItem NavigateUrl="~/ViewHeaders.aspx" Text="View Submissions"/>
<asp:MenuItem NavigateUrl="~/Imports.aspx" Text="Import"/>
<asp:MenuItem NavigateUrl="~/Submission.aspx" Text="Insert Submission"/>
<asp:MenuItem NavigateUrl="~/Reports.aspx" Text="Reports"/>
<asp:MenuItem NavigateUrl="~/Remittance.aspx" Text="Remittance" />
<asp:MenuItem NavigateUrl="~/" Text="Maintenance" Selectable="False" >
<asp:MenuItem NavigateUrl="~/ForeignBank.aspx" Text="Foreign Bank" />
<asp:MenuItem NavigateUrl="~/ProfitsProducts.aspx" Text="Products" />
<asp:MenuItem NavigateUrl="~/ProfitsTransactions.aspx" Text="Transactions" />
<asp:MenuItem NavigateUrl="~/Units.aspx" Text="Units" />
<asp:MenuItem NavigateUrl="~/Currency.aspx" Text="Currency Maintenance" />
</asp:MenuItem>
</Items>
</asp:Menu>
這個CSS子菜單鏈接到它
div.hideSkiplink
{
background-color:#3a4f63;
width:100%;
}
div.menu
{
padding: 4px 0px 4px 8px;
left: -170;
}
div.menu ul
{
list-style: none;
margin: 0px;
padding: 0px;
width: auto;
}
div.menu ul li a, div.menu ul li a:visited
{
background-color: #FFF; /*680840*/
border: 1px #4e667d solid;
height: 20px;
width: 170px;
color: #000; /*FFF*/
display: block;
line-height: 1.35em;
padding: 4px 20px;
text-decoration: none;
white-space: nowrap;
}
div.menu ul li a:hover
{
background-color: #680840;
color: #FFF;
text-decoration: none;
}
/*
.selectedMenu
{
background-color: #680840 !important;
color: #FFF !important;
text-decoration: none !important;
}
*/
.menu a.static.selected
{
background-color: #680840 !important;
color: #FFF !important;
text-decoration: none !important;
}
div.menu ul li a:active
{
background-color: #680840;
color: #FFF;
text-decoration: none;
}
的CSS凸輪如何改變CSS以便能夠懸停在菜單上,並且它向左而不是右移。
感謝
沒有我想有就會有它的子菜單顯示不正確的 – CRL88
Probaly最好的,如果你在主菜單的左側菜單在JSFiddle中設置一些東西給我們看看:) –
什麼是JSFiddle,還沒有做過任何Java腳本上面的代碼是我唯一知道的 – CRL88