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

如果要查看整个背景图像，则需要调整“宽度”和“高度”样式，使元素扩展到按钮图像的大小。我通常将'width'设置为按钮图像的大小，添加一点'padding-top'将文本向下推一点，'height'应该是图像的高度减去padding-top，然后是文本-居中对齐。

于 2010-05-06T02:31:28.047 回答