Question

希望有人可以协助解决我遇到的问题，尝试将这个ajax-loader gif文件底部横幅定位在所有主要浏览器上 - mac chrome / ffox / safari和windows ie8。

请参阅本教程：＆gt; 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 for #load，如何在同一个例子的大绿色复选框下面定位底部，并且也适用于上面提到的所有流行浏览器？

感谢。

Answer 1

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

包装需要是相对的，负载需要是绝对的

CSS Ajax Loader以集中为中心的定位问题

1 个答案: