CSS定位 - 如何解決加載問題

Question

我的主頁上有兩個css按鈕，它們相對於圖像具有絕對位置。我遇到的問題是，它們的加載速度比圖像快很多，因此加載頁面時瞬間按下按鈕，直到圖像加載並順時針旋轉爲止。

有沒有一個簡單的解決辦法，或者我必須完全重做定位？

Answer 1

最簡單的就是最初隱藏按鈕（display：none），並使用javascript/jquery顯示onload。

jQuery的例子就是做：

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

但同樣可以在JavaScript有有載事件處理程序來完成。

Answer 2

您是否在圖像元素上使用了寬度和高度屬性<img ... width="xxx" height="yyy">？這就是瀏覽器可以在圖像加載前爲圖像「預留空間」並知道其尺寸的方式。它需要這個，所以它可以繪製相對於圖像的東西。