Question

我使用C＃，ASP.NET和HTML / CSS，我需要更改z-index。有一个if else表示应该在一个站点上呈现多少图形。最多是四个图形。所以我有四个不同的div。如果一个站点上有更多图形，则它们的z-index应自动更改。最简单的方法是什么？我认为使用javascript在if中写入它会很容易，但我不知道如何。如果有一个javascript我怎么把它放在c＃中的if-else中？

这些是div：

</asp:Content><asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
    <div class="contentwidth" id="chartdiv">
        <asp:Label ID="lblStatus" runat="server"></asp:Label>


        <div style="position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index:0; ">
            <asp:Literal ID="ltrRenderChart" runat="server"></asp:Literal>
        </div>
        <div  ID="chart2"style="position: absolute; top: 0; left: 50%; height: 100%; width: 100%; z-index:-1">
            <script src="../Scripts/secondChart.js"></script>
            <asp:Literal ID="ltrRenderChart2" runat="server"></asp:Literal>
        </div>
        <div style="position: absolute; top: 50%; left: 0; height: 100%; width: 100%; z-index:-1;">
            <asp:Literal ID="ltrRenderChart3" runat="server"></asp:Literal>
        </div>
        <div style="position: absolute; top: 50%; left: 50%; height: 100%; width: 100%; z-index:-1;">
            <asp:Literal ID="ltrRenderChart4" runat="server"></asp:Literal>
        </div> 
    </div>
</asp:Content>

这个javascript甚至是对吗？

function secondChart(chart2) {
    $(chart2).css('z-index', 0);
}

由于

Answer 1

使用 Style 关键字访问css：

function secondChart(chart2) {

    chart2.Style["z-index"]="0";
}

如何更改z-index的值

1 个答案: