如何将对话框上的jQueryUI关闭按钮移动到右上角上方？

我正在使用jQueryUI，并且有一个模态对话框设置。设计师希望关闭按钮的外观如下所示：

我目前的设置如下：

图标不太正确，忽略这一点，但我确实想把它移到右上角。我想我可以通过以下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;
}

但是现在看起来是这样的：

如何将其置于对话框顶部？我已经有一个大的z指数了，但它不起作用

---

谢谢。

将类ui对话框css属性溢出设置为visilble。希望有帮助。

尝试给出不同的

边界半径

和

高度

值。 这可能是边界半径值仅为高度的一半的原因。因此，更改

高度

值

比如说

.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;
}

---

这不是z索引，而是它的容器在剪裁它。只是好奇，通过改变高度或半径的值会产生什么影响？