1

ボタンに背景画像を与えることは本当に可能ですか?ボタンに使用したい画像があり、デフォルトのボタンのようにそのままにしておけばいいでしょう。今はダイアログ内にあるだけですが、残りのコンテンツは動的であり、スクロールバーが表示されたときにそれらが消えたくない

編集： わかりましたので、背景画像にする方法を見つけましたが、画像全体が表示されません

    $("#statusbox").dialog({
        autoOpen: false,
        bgiframe: true,
        modal: true,
        width: 'auto',
        height:'auto',
        position: 'top',
        title:"Check Order Status",
        open: function(event, ui) {
            $(this).css({'max-height': $(window).height()-$(this).height() - 50 , 'overflow-y': 'auto'}); 
            $('.ui-dialog-buttonpane').find('button:contains("Find")').css("background-image", "url(images/order_now.gif)"); ;

        },
        buttons: {
            Find: function() {
               //do find
            }
        }
    });

ボタンが増える可能性がある

4

2 に答える 2

3

CSSを使用してボタンをターゲットにしないのはなぜですか?

この方法でカスタム ボタンを追加するだけです。

.ui-dialog .ui-button {
 color: #fff;
 background: #555555 url("button-normal.jpg") repeat-x;
}
.ui-dialog .ui-button.ui-state-hover {
 color: #fff;
 background: #0078a3 url("button-hovered.jpg") repeat-x;
}
于 2010-05-06T03:57:09.753 に答える
0

背景画像全体を表示したい場合は、要素がボタン画像のサイズまで拡張されるように、「幅」と「高さ」のスタイルを調整する必要があります。私は通常、「幅」をボタン画像のサイズに設定し、「パディングトップ」を少し追加してテキストを少し押し下げます。「高さ」は画像の高さからパディングトップを引いたものでなければなりません。 -整列: 中央。

于 2010-05-06T02:31:28.047 に答える