Html CSS定位-如何解决负载问题

我的主页上有两个css按钮，它们相对于图像有绝对位置。我遇到的问题是，它们的加载速度比图像快得多，因此在加载页面后的一瞬间，按钮在la la land中浮动，直到图像加载并对齐

---

是否有一个简单的修复方法，或者我必须完全重新定位？

最简单的方法是最初隐藏按钮（display:none），然后使用javascript/jquery显示onload

jQuery的示例是：

$('#ImgReferenced').on('load',function(){
    $('input[button]').show();
});

---

但是，在javascript中使用onload事件处理程序也可以做到这一点。

是否在图像元素上使用宽度和高度属性？这就是浏览器在加载图像之前为图像“保留空间”并知道其尺寸的方式。它需要这样做，以便能够绘制与图像相关的内容。

图像是您的定位容器吗？你能展示你的代码吗？