MVC dropdownmenu显示部分由用户控件组成

时间:2014-03-18 15:13:43

标签: asp.net-mvc-4 twitter-bootstrap drop-down-menu z-index partial-views

我正在使用viewReport.Cshtml

<div style="width: 100%;z-index: 1000">

    @Html.Partial("WebViewer",Model)

</div>

将活动报告加载到用户控件中。 WebViewer.ascx

<head id="Head1" runat="server">
    <title>ReportViewer</title>

    <link rel="stylesheet" type="text/css" href="../../Content/Site.css"/>



</head>
<script runat="server">
    void Page_Load()
    {
        ARWebViewer.Report = ViewBag.ArReport;


    }


</script>


<body>
<br/><br/><br/><br/><br/><br/>
 <%= Html.ActionLink("Back to Report Criteria","Index", "Report")%>


    <div class="divReportViewer" style="overflow-x:auto; height:550px; " >
        <ActiveReportsWeb:WebViewer ID="ARWebViewer" runat="server" ViewerType="AcrobatReader" Width="100%" Height="500px" PdfExportOptions-CenterWindow="True" PdfExportOptions-Version="Pdf11"></ActiveReportsWeb:WebViewer>
    </div>

</body>

我的子菜单项显示在查看器后面。我试过设置z-index但没有运气。有谁知道如何让下拉列表出现在观众面前。我已经尝试将下拉菜单的z-index设置为99999,看看我是否可以让它挺身而出但似乎无法正常工作。我正在使用twitter引导程序和MVC,以便显示菜单。

1 个答案:

答案 0 :(得分:0)

最后只是把它放在弹出窗口中,所以我不必处理z-index