Javascript 如何在回发后保持DIV可见_Javascript_Css

Javascript 如何在回发后保持DIV可见

javascript css

Javascript 如何在回发后保持DIV可见,javascript,css,Javascript,Css,我似乎无法让div在邮件返回后保持可见。可见性部分有什么问题吗 function toggleOverlay(){ var overlay = document.getElementById('overlay'); var specialBox = document.getElementById('specialBox'); overlay.style.opacity = .8; if(overlay.style.display =

我似乎无法让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>

函数切换覆盖（）{
var overlay=document.getElementById（'overlay'）；
var specialBox=document.getElementById（'specialBox'）；
overlay.style.opacity=.8；
if（overlay.style.display==“块”）{
overlay.style.display=“无”；
specialBox.style.display=“无”；
}否则{
overlay.style.display=“块”；
specialBox.style.display=“块”；
}
}
如果（第IsPostBack页）
{
specialBox.Style[“可见性”]=“可见”；
}

您需要在服务器端代码中设置与客户端代码相同的属性

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


如果（第IsPostBack页）
{
specialBox.Style[“display”]=“block”；
}

在CSS中，有两种隐藏/显示元素的方法：

display:none或block/inline/inline block=>隐藏元素并删除其占用的空间可见性：hidden/visible=>隐藏元素并使占用的空间为空

如果将其中任何一个设置为其隐藏值，则该元素将不可见

除此之外，您的脚本标记还显示了

“text/javascript”

，您确实希望在其中执行服务器端代码，因此我添加了一个

runat=“server”

-属性

将上一个脚本块替换为我在答案中输入的脚本块