jquery ui对话框按钮的背景图像
有没有可能给一个按钮一个背景图片我有一个图片,我想用它来做一个按钮,如果它们像默认的按钮一样保持在原位,那就太好了。现在我只是把它们放在对话框中,但是其余的内容是动态的,我不希望它们在滚动条出现时消失 编辑: 好的,所以我想出了如何使它成为背景图像,但我看不到整个图像jquery ui对话框按钮的背景图像,jquery,jquery-ui,jquery-ui-dialog,Jquery,Jquery Ui,Jquery Ui Dialog,有没有可能给一个按钮一个背景图片我有一个图片,我想用它来做一个按钮,如果它们像默认的按钮一样保持在原位,那就太好了。现在我只是把它们放在对话框中,但是其余的内容是动态的,我不希望它们在滚动条出现时消失 编辑: 好的,所以我想出了如何使它成为背景图像,但我看不到整个图像 $("#statusbox").dialog({ autoOpen: false, bgiframe: true, modal: true, width: '
$("#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
}
}
});
可能会有更多按钮出现如果你想看到整个背景图像,你需要调整“宽度”和“高度”样式,以便元素扩展到按钮图像的大小。我通常将“宽度”设置为按钮图像的大小,添加一点“填充顶部”将文本向下推一点,“高度”应该是图像的高度减去填充顶部,然后文本对齐:居中。为什么不使用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;
}
这似乎是我想做的最好的方式谢谢