在将显示改变为“显示”之后，图像片段粘在周围;显示:无”;

Pieces of image stick around after altering display to "display: none"

本文关键字：显示 片段 在周围 图像 之后 改变      更新时间：2023-09-26

当我不再希望div的可见时，我一直在使用以下函数来隐藏它们

function hide(div) {
  document.getElementById(div).style.display = 'none';
}

然而，问题已经出现，尤其是div。

<div id="loading">
    <img src="./img/loading.gif"/>
</div>

当我调用函数hide('loading')时，只有部分图像被隐藏，并且它的切片被烧到页面上。考虑到这应该是一个小的加载图标，在页面上盖章并不是我真正想要的，我该如何防止这种情况发生？

我在处理网络数据时使用加载图标，然后在从服务器（nodejs）接收和处理数据时隐藏它。

css按要求：

#loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -64px;
  margin-left: -64px;
  z-index: 999;
}

你能试试这个…吗。。？？

Html

<div id="one">
    <img src="https://elora.aerb.gov.in/ELORA/images/loadingnew.gif">
</div>
<div id="two">
    <img src="http://www.schultzlawoffice.com/img/loading/loading.gif">
</div>

脚本

$(document).ready(function () {
    $("div").on("click", function () {
        var thisId = $(this)
        hide(thisId);
    });
});
function hide(thisId) {
    $(thisId).hide();
}

Fiddle Sample

相关文章：