jquery - 如何在对话框边界之外的右上角设置图像图标

Question

我想做一个自定义的关闭按钮，但是图片被对话框的边界截断了。有人可以给我一个关于这种情况出了什么问题的提示。

附言。我已经使用了“jquery-ui”和“jquery Modal”的对话框，它们都遇到了同样的问题。

Answer 1

试试这个

.main{
  border:1px solid #ddd;
  width:200px;
  height:150px;
  position:relative;
  maigin:0 auto;
}
.main span{
  position: absolute;
  right:10px;
  top:10px;
  background:#333;
  color:#fff;
  padding:5px;
  border-radius:20%;
}

<div class="main">
<span>X</span>
 <p>Lorem</p>
</div>