簡體   English   中英

ASP:菜單控件CSS在發布和上傳后無法正常工作

[英]Asp:menu control css not working proper after publish and upload

我正在開發和asp.net Web應用程序。在該應用程序中,我使用一個ASP菜單控件並將一個CSS類應用於該菜單控件。 但是在Web主機帳戶上發布並上傳后,它沒有顯示CSS效果。

我的CSS課

.primaryStaticMenu
{
background-color: Transparent;
border:solid #D1FCFF 1px;
font-family :verdana , verdana_font;
font-size:inherit;
color:red;
}
.primaryStaticMenuItem
{
width: 8em;
border-right: 2px solid #FFFFFF;
padding: 0.2em 0 0.2em 0.2em;
font-family: verdana, verdana_font;
font-size: inherit;
    height: 25px;
    color: inherit;
    background-color: #78B7EF;
}
.primaryStaticHover
{
color: #800000;
border: 1px solid #74C4C1;
background-color: #9AC47D;
}
.primaryDynamicMenu
{   
    width: 18em;
border: 1px solid #D1FCFF;
font-family: verdana, verdana_font;
font-size: inherit;
color: Red;
background-color: #78B7EF;
}  
.primaryDynamicMenuItem
{
width: 18em;
height:1.8em;
padding: 0.5em 0 0.5em 1em;
border: 1px solid #D1FCFF;
font-family: verdana, verdana_font;
font-size: inherit;
color: Red;
background-color: #78B7EF;
}    
.primaryDynamicHover
{
font-family :verdana , verdana_font;
font-size:inherit;
color:#AD0000;
border: 1px solid #74C4C1;
background-color: #9AC47D;
}

ASP菜單控件

<asp:Menu id="menuPrimary" runat="server" DataSourceID="xmlDataSource" Orientation="Horizontal" 
                           StaticEnableDefaultPopOutImage="false" StaticDisplayLevels="1" 
                           MaximumDynamicDisplayLevels="5" CssClass="MyMenu">
                            <DataBindings>
                                        <asp:MenuItemBinding DataMember="MenuItem" ValueField="Tag" 
                                            NavigateUrlField="NavigateUrl" TargetField="TestTarget" 
                                            TextField="Text" ToolTipField="ToolTip" />
                            </DataBindings>
                        <StaticMenuStyle CssClass="primaryStaticMenu"/>
                        <StaticMenuItemStyle CssClass="primaryStaticMenuItem"/>
                        <StaticHoverStyle CssClass="primaryStaticHover"/>   
                        <DynamicMenuStyle CssClass="primaryDynamicMenu" />     
                        <DynamicMenuItemStyle CssClass="primaryDynamicMenuItem"/>
                        <DynamicHoverStyle CssClass="primaryDynamicHover"/>
                       </asp:Menu>

局部檢視

在此處輸入圖片說明

上傳后

在此處輸入圖片說明

只需在Web配置文件中添加controlRenderingCompatibilityVersion =“ 3.5”即可解決問題。

<pages controlRenderingCompatibilityVersion="3.5" >
  <controls>
    .......
  </controls>
</pages>

現在,我的菜單控件顯示了所有效果。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM