JSP div中央、透明マスク、フィレットボタン

3739 ワード

             ,      js          。         :
<style type="text/css">
    #login_div{
        /*    */
        position: absolute; 
        left: 37%; top: 35%; 
        width: 500px; height: 330px; 
        /*       */
        background:rgba(255,255,255,0.6)
        }
    /*      */
    input{border-radius: 5px;}  
style>
<body>
    <img src="body     "/>
    <div id="login_div">
        <from>
            <table>
                <tr><td>td>tr>
                <tr><td><input type="submit"/>td>tr>
            table>
        from>
    div>
<body>

注意:position:absolute;相対的にbodyを位置決めする背景図は出ないので、imgラベルを1つずつ背景画像に導入します.また、マスクレイヤはz-indexで設定することもできます.
cssセレクタ:カスケード選択:A B Cインスタンス:#login form input集合選択:A,B,Cインスタンス:#login,.error, li