CSS Ajax Loader底層居中定位問題

希望有人能夠幫助解決我遇到的問題，試圖將所有主要瀏覽器 - mac chrome/ffox/safari和windows ie8集中在一個ajax-loader gif文件底部橫幅上。CSS Ajax Loader底層居中定位問題

請參見本教程的位置：>tutorial

在本教程中的Ajax-loader在CSS的定位在橫幅的右上角（見演示頁），使用：

#load { 
     display: none; 
     position: absolute; 
     rightright: 10px; 
     top: 10px; 
     background: url(images/ajax-loader.gif); 
     width: 43px; 
     height: 11px; 
     text-indent: -9999em; 
    }

有人可以讓我知道使用這個CSS＃負載，如何定位底部集中在這個相同的例子的大綠色複選框，也適用於上述所有流行的瀏覽器？

謝謝。

來源

2010-03-25 tonyf

爲了這個工作，你將不得不向父母DIV位置設置爲'relative'，使這一負荷將被絕對定位對父母的div，而不是整個文件，仍然我不明白你在這裏問題 – ant 2010-03-25 12:33:08

感謝您的答覆c0mrade - 我不確定如何做，是將加載器圖像從右上角移動到底部中央。我只想知道如何將加載器圖像從現在的位置重新定位到橫幅的底部中心。 – tonyf 2010-03-25 13:02:10

#wrapper{ 
    position:relative; 
} 
#load{ 
    width:100%; 
    text-align:center; 
    bottom:0px; 
    position:absolute; 
    background: url(images/ajax-loader.gif) top center no-repeat; 
}

包裝需要是相對的，負載需要是絕對

來源

2010-03-25 13:02:17 Brant

CSS Ajax Loader底層居中定位問題

回答

相關問題