爲jQuery UI的對話框按鈕

背景圖片是可以給予一個按鈕的背景圖像我真的有，我想用一個按鈕，如果他們留在喜歡默認的按鈕位置將是很好的圖像。現在我只是讓他們的對話裏，但其餘內容是動態的，我不想讓他們消失滾動條出現時爲jQuery UI的對話框按鈕

編輯： 行，所以我想出如何使它背景圖片但後來我不能看到整個圖像

$("#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 
      } 
     } 
    });

可能有更多的按鈕來

來源

2010-05-06 mcgrailm

爲什麼不使用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-06 03:57:09 Mottie

這似乎是去什麼，我想要做的感謝你的最佳途徑 – mcgrailm 2010-05-06 12:24:32

如果你想看到整個背景圖片，則需要調整「寬度」和'高度'樣式，以便元素擴展到按鈕圖像的大小。我通常設置「寬」的按鈕圖像的大小，增添幾分「填充頂」的推文下來了一點，「高度」應該是圖像的高度減去填充頂部，然後文本-居中對齊。

來源

2010-05-06 02:31:28 nevelis

冷靜，我可能會嘗試了這一點 – mcgrailm 2010-05-06 02:50:28

爲jQuery UI的對話框按鈕

回答

相關問題