css - 为什么页面加载时背景上的 css 显示......？

Question

我在后台有一堆 css，但是当我加载页面时，css 显示了我应用的所有标签和 css 我应该怎么做才能在加载页面时不显示背景 css 和标签？

friend 有什么想法吗？

背景 CSS 意味着

suppose i am displaying only two buttons like login and signup and on
clicking of signup or login the another div comes as a form for it so when 
I am loading the page it is not directly showing only login and signup
button but first for fraction of second it is showing the both the form then 
that two buttons

这是 jsFiddle

在 Js Fiddle 上你将无法看到效果，但是当我加载页面时，div loginPage 和 eel 以及 Signup Page 都显示了很短的时间，然后只有这两个按钮被显示

这背后的原因是什么？那是隐藏操作吗？还是别的什么，或者是隐藏操作，在开始时如何隐藏它们？

Answer 1

而不是使用 javascript 隐藏您的 div。使用 style="display:none;"

将它们隐藏在 html 中

JS-Fiddle

//$('#LoginPage').hide();
//$('#SignupPage').hide();

$('#login').click(function(){
    $('#LoginPage').stop().toggle('slow').animate(1000);
});
$('#signup').click(function(){
    $('#SignupPage').stop().toggle('slow').animate(1000);
});

input[type=submit]
    {
        display:block;
        margin: 0 auto;
    }
input[type=text],input[type=password]{
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        border-radius: 5px;
        border: solid 1px blue;
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id ="loginsignup">
     <input type="button" id ="login" value="Login"/>
     <input type="button" id ="signup" value="Signup"/>    
      
</div>


    <div id="LoginPage" style="display:none;"> 
                <table align="center">
                    <tr>
                        <td>
                            Email :
                        </td>
                        <td>
                            <input type="text"  id="unamelogin" name="unamelogin" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Password :
                        </td>
                        <td>
                            <input type="password" id="pswlogin" name="pswlogin" />
                        </td>
                    </tr>

                </table>
               <input type="submit" id ="loginsubmit" value="Login"/>
            </div>


<div id="SignupPage" style="display:none;"> 
                <table align="center">
                    <tr>
                        <td>
                            Email :
                        </td>
                        <td>
                            <input type="text"  id="emaillogin" name="emaillogin" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            UserName :
                        </td>
                        <td>
                            <input type="text"  id="unamelogin" name="unamelogin" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Password :
                        </td>
                        <td>
                            <input type="password" id="pswlogin" name="pswlogin" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Confirm Password :
                        </td>
                        <td>
                            <input type="password" id="pswagain" name="pswagain" />
                        </td>
                    </tr>

                </table>
               <input type="submit" id ="signupsubmit" value="signup"/>
            </div>