如何在右上角頂部的對話框中移動jQueryUI關閉按鈕？

我正在使用jQueryUI並有模態對話框設置。設計者希望的關閉按鈕，看起來像這樣：如何在右上角頂部的對話框中移動jQueryUI關閉按鈕？

enter image description here

我現在有它成立這樣的：

enter image description here

圖標是不完全正確，忽略的是，我做的但是要將其移動到右上角。我以爲我可以用下面的CSS完成它：

.ui-dialog .ui-dialog-titlebar-close { 
    border-radius: 17px; 
    height: 33px; 
    margin: -10px 0 0; 
    padding: 1px; 
    position: absolute; 
    right: -18px; 
    top: -24%; 
    width: 33px; 
    z-index: 9999; 
}

然而現在它看起來像這樣：

enter image description here

我如何得到它的對話框頂部？我已經有一個很大的Z指數，它不起作用。

三江源。

來源

2014-02-26 user16210

這不是z-index的話，那就是它的容器被裁剪它。 –

set class ui-dialog css property overflow as visilble。希望有所幫助。

來源

2014-02-26 05:17:01 Fahim

完美的工作，謝謝冠軍！ – user16210

試着給出border-radius和height值的不同值。它可能是邊界半徑值僅爲高度的一半的原因。所以更改height值。

例如

.ui-dialog .ui-dialog-titlebar-close { 
    border-radius: 17px; 
    height: 50px; /*change from 33 to 50px*/ 
    margin: -10px 0 0; 
    padding: 1px; 
    position: absolute; 
    right: -18px; 
    top: -24%; 
    width: 33px; 
    z-index: 9999; 
}

來源

2014-02-26 05:17:58

只是好奇，通過使高度或半徑值的變化產生任何影響？ –

如何在右上角頂部的對話框中移動jQueryUI關閉按鈕？

回答

相關問題