-1

アプリケーションでボタンを展開および折りたたむ必要があります。

IE と chrome はサポートされていますが、mozilla firefox では、画像の両側に小さな空白が表示されます。

正しく設定されていません。私のコードは次のとおりです。

<div class="searchdiv">
    <b class="searchlabel">Advanced Search</b>
    <input type="button" class="Expand_button" onclick="javascript: Expand();"/>
</div>

そしてcssは、

.Expand_button {
    margin-right: 5px;
    cursor: pointer;
    padding-bottom: 10px;
    padding-top: 5px;    
    background: #fff url('../images/Expand.jpg') no-repeat center ;
    height:1px;
}
4

1 に答える 1

2

まず、インライン Javascript は良くありません。これは、「侵入型 Javascript」として知られているものです。代わりに、アクションに反応するように Javascript を記述し、別の Javascript ファイルに保存します (簡潔にするために jQuery フレーバーを使用)。

$(document).ready(function(){
    $('input.Expand_button').click(function(){
      Expand();
    });
})

onclick次に、要素内の呼び出しを次のように削除します。

<input type="button" class="Expand_button" />

そうは言っても、設定して入力を非表示にしようとしていますheight: 1pxか？もしそうなら、それはあなたの問題です。それは今でも存在し、今でも目にすることができます。さらに、パディングとマージンがあるので、もちろんまだ表示されます。

探している正確な動作に応じて、必要なものはdisplay: none;またはです。項目を DOM ツリーから完全に取り除き、それに応じて他の要素が移動します。DOM ツリーを変更せずに、要素を非表示にするだけです。visibility: hiddendisplay: none;visibility: hidden;

jQuery などのライブラリを使用する場合は、display: none;jQuery の組み込みの非表示/表示関数を使用できるため、 を使用する方が適切です。これはそれdisplayに応じて変化します。そうでない場合は、とにかく、独自の行動反応を書いているので、好きなものを使用できます。

于 2012-10-26T15:36:16.437 に答える