Jquery 如何设置对话框边界外右上角的图像图标

我想制作一个自定义的关闭按钮，但是图像被对话框的边界切割。有人能给我一个关于这种情况到底出了什么问题的提示吗

另外，我使用了“jQueryUI”和“jQueryModal”对话框，它们都有相同的问题

试试这个

.main{
边框：1px实心#ddd；
宽度：200px；
高度：150像素；
位置：相对位置；
梅金：0自动；
}
.主跨{
位置：绝对位置；
右：10px；
顶部：10px；
背景：#333；
颜色：#fff；
填充物：5px；
边界半径：20%；
}

X
洛勒姆

以上说明子（.span）绝对位置仅限于父（.wrapper）

.span{
位置：绝对位置；
顶部：20px；/*移动.span的顶部*/
右：20px；/*移动.span的右侧*/
}
X

您可以添加代码吗？我认为使用负利润应该有效吗？

.wrapper {
  position: relative;
}

.span {
  position: absolute;
  top: 20px; /* move the top of .span */
  right: 20px; /* move the right of .span */
}

<div class="wrapper">
  <span class="span">X</span>
</div>