回發后如何保持DIV可見

Question

回傳后，我似乎無法讓div保持可見。 能見度部分有什么問題嗎？

function toggleOverlay(){
        var overlay = document.getElementById('overlay');
        var specialBox = document.getElementById('specialBox');
        overlay.style.opacity = .8;
        if(overlay.style.display == "block"){
            overlay.style.display = "none";
            specialBox.style.display = "none";
        } else {
            overlay.style.display = "block";
            specialBox.style.display = "block";
        }
    }
    </script>
    </head>
    <body>
    <!-- Start Overlay -->
    <div id="overlay"></div>
    <!-- End Overlay -->
    <!-- Start Special Centered Box -->
    <div id="specialBox"  runat="server">
    <script type="text/javascript"> if(Page.IsPostBack)

                {
                     specialBox.Style["visibility"] = "visible";
                }</script>

Answer 1

您需要在服務器端代碼中設置與客戶端代碼中相同的屬性。

 <script runat="server"> 
    if(Page.IsPostBack)
    {
        specialBox.Style["display"] = "block";
    }
</script>

在CSS中，有兩種隱藏/顯示元素的方式：

display：none或block / inline / inline-block =>隱藏元素並刪除其可見性的空間：hidden / visible =>隱藏元素並使占用的空間為空白

如果將其中任何一個設置為其隱藏值，則該元素將不可見

除此之外，您的腳本標簽還顯示了"text/javascript" ，您實際上要在其中執行服務器端代碼，因此我添加了runat="server" -attribute

回發后如何保持DIV可見

問題描述

1 個解決方案

解決方案1
1 2013-08-05 17:51:57

回發后如何保持DIV可見

問題描述

1 個解決方案

解決方案1 1 2013-08-05 17:51:57

解決方案1
1 2013-08-05 17:51:57