如何在 uk-modal 弹出窗口的右上角添加“x”关闭按钮？

Question

我正在尝试将小的“x”关闭按钮添加到 uk-modal 弹出窗口的右上角。我如何正确添加它的 php 代码和 css 以及它的 javascript？

我尝试将以下 1、2 个代码添加到 3 个代码块中：

1）我添加的第一个代码：

<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>

2）添加第二个代码：

<div id="my-id">

    <div class="uk-modal-dialog">

        <button class="uk-modal-close-default" type="button" uk-close></button>

    </div>

</div>

<div id="my-id">

    <div class="uk-modal-dialog">

        <button class="uk-modal-close-outside" type="button" uk-close></button>

    </div>

</div>

3）到这个弹出窗口的代码块：

   <div class="uk-modal-dialog">

    <div class="uk-modal-header">

            <h2><?php echo esc_attr_e( $options['popuptitle'] ); ?></h2>

        </div>

        <div class="uk-modal-content"><?php echo stripslashes( $options['popuptext'] ); ?></div>

        <div class="uk-modal-footer">

            <button id="button1" type="button" class="uk-button uk-button-large uk-button-<?php echo esc_attr_e( $options['popupbutton1style'] ); ?><?php if( $options['popupbuttonoptions'] != 'button-1-redirect' ) echo ' uk-modal-close'; ?>"><?php echo esc_attr_e( $options['popupbutton1text'] ); ?></button>

        </div>

    </div>

</div>

我希望在弹出窗口中找到“x”关闭按钮的真实位置，但它的位置不正确，也无法关闭模态弹出窗口。

我希望得到它，如下图所示：

怎么修？