0 
<div style="padding-top:5px; overflow:hidden; font-size:13px;">
    <div style="float:left;">
        <div style="background-color:blue; width:20px;">
            <input type="checkbox" id="rememberme" style="z-index:-1;" />
        </div>
    </div>
    <div style="float:left;">
        Remember Me
    </div>
    <div style="float:right;">
        <a href="" id="forgotpassword"> Forgot Password ? </a>
    </div>
</div>

親DIVの後ろにあるチェックボックスを非表示にします。

チェックボックスを試しVISIBILITY:HIDDEN;てみましたが、このチェックボックスをクリックすると何かが起こるはずのjQuery関数を作りたかったのですが、非表示にしたときは起こらなかったので、もう一度見せたときに機能したので、やりたくありません。を使用HIDDENしますが、divの後ろに配置したいので、表示されません。

このコードは機能していません。私はを使用しましたz-index=-1が、後でz-index:20親DIVに対しては機能しませんでした:(

4

2 に答える 2

2

divの後ろにあるチェックボックスを非表示にする必要はありません。

display:none;要素で使用してみてください：

#rememberme {
    display: none;
}
于 2012-05-01T13:50:01.190 に答える
1

はいアリ、チェックボックスをカスタマイズできるようになりました。例はhttp://jsfiddle.net/chanduzalte/7rSug/3/です。

于 2012-05-01T16:17:47.260 に答える