Javascript 隐藏在滚动条后面的jQuery模式按钮

我在jQuery弹出模式中添加了一个滚动条，现在它覆盖了我的关闭按钮。有人能解释一下如何把滚动条前面的按钮往前拨吗。提前谢谢

之前：

之后：

Css:

HTML:

<div class="popup" data-popup="popup-1">

    <div class="popup-inner">

        <p> content</p>

        <p><a data-popup-close="popup-1" href="#">Close</a></p>
        <a class="popup-close" data-popup-close="popup-1" href="#">x</a>
    </div>
</div>

内容

您尝试过使用z索引吗

---

是的，但似乎不起作用。在css中是否有替代方案，或者您是否可以看到任何可能覆盖z索引属性的内容？谢谢

<div class="popup" data-popup="popup-1">

    <div class="popup-inner">

        <p> content</p>

        <p><a data-popup-close="popup-1" href="#">Close</a></p>
        <a class="popup-close" data-popup-close="popup-1" href="#">x</a>
    </div>
</div>