Question

我的主页上有两个css按钮，它们相对于图像具有绝对位置。我遇到的问题是它们的加载速度比图像快得多，所以在加载页面时，按钮会浮动，直到图像加载并且它们落入线中。

对此有一个简单的解决方法，还是我必须完全重做定位？

Answer 1

最简单的方法是最初隐藏按钮（显示：无），并使用javascript / jquery显示onload。

jQuery示例是：

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

但是在使用onload事件处理程序的javascript中也可以这样做。

Answer 2

您是否在图像元素上使用宽度和高度属性<img ... width="xxx" height="yyy">？这就是浏览器如何为图像“预留空间”并在加载图像之前知道其尺寸。它需要它，所以它可以绘制相对于图像的东西。