如何改变z-index的值

本文关键字：z-index 的值 改变 何改变 | 更新日期: 2023-09-27 17:49:16

我用的是c#， ASP。. NET和HTML/CSS，我需要改变z索引。有一个if else表示在一个站点上应该渲染多少图形。最多是4个图形。我有四个不同的div。如果一个站点上有更多的图形，它们的z-index应该自动改变。最简单的方法是什么?我认为这将是很容易写它里面的if else与javascript，但我不知道如何。如果有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);
}

谢谢

如何改变z-index的值

使用Style关键字访问css: 

function secondChart(chart2) {
    chart2.Style["z-index"]="0";
}
相关文章：