Javascript 将css添加到包含img的div中，使其在jQuery中不可访问

我正在使用jQuery Mobile创建一个小型移动应用程序。我有一个只包含GIF的页面。虽然可以单击GIF，但可以移动到下一页。但关键是GIF在某些设备中不是全屏的，所以我添加了一些CSS使其全屏，这意味着对其进行拉伸，这是可行的，但这样会使div（或GIF）无法读取。因此，我无法单击它移动到下一页，您需要等待动画完成

以下是如何在HTML中定义页面：

<div id="correctGIF" data-role="page" data-add-back-btn="false">
    <img src="images/Correct1.gif">
</div>

---

有没有办法，我如何拉伸GIF使其覆盖整个屏幕，而不使其无法读取？

这是z索引问题。因为您设置了z索引：-1；所以div是不可读取的。将z-index更改为正整数或删除css中的z-index

是的，这很有效。我刚刚完全删除了它，GIF仍然是全屏的，现在可以点击了。谢谢“请更改z指数”在我看来无需申辩。。您正在提供免费帮助：）谢谢您的信息@TJ

#correctGIF {
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: -1;
}

#correctGIF > img {
    width: 100%;
    height: 100%;
}