CSS:屏幕中央位置加载指示器

标签 css position center

如何将加载指示器置于屏幕中央。目前我正在使用一个小占位符,它似乎工作正常。但是,当我向下滚动时,加载指示器会停留在该预定义位置。我怎样才能让它跟随滚动,以便它始终位于顶部??

#busy
{
    position: absolute;
    left: 50%;
    top: 35%;
    display: none;
    background: transparent url("../images/loading-big.gif");
    z-index: 1000;
    height: 31px;
    width: 31px;
}

#busy-holder
{
    background: transparent;
    width: 100%;
    height: 100%;        
}

最佳答案

使用position:fixed代替position:absolute

第一个是相对于你的屏幕窗口。 (不受滚动影响)

第二个是相对于页面的。 (受滚动影响)

注意:IE6 不支持 position:fixed。

关于CSS:屏幕中央位置加载指示器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6256043/

相关文章:

jquery - 手动滚动添加类在这里不起作用

html - 网站内容截断和图像不响应移动网页设计

html - 调整窗口大小时将元素推离屏幕而不是挤压它们

html - 如何在 Flexbox div 中居中文本标题

javascript - 在 Canvas 中找到圆弧中心

html - 禁止 Bootstrap 模式在单击屏幕上的任意位置时关闭

html - 使用css定位img元素

jQuery:将 wmode 设置为 Youtube 视频以进行 z-index 处理

html - 如何修复菜单在 wordpress 中不居中

javascript - 伪类在 IE 中不适用于 jQuery Accordion