twitter-bootstrap - 预加载器 gif 仅适用于中等分辨率

Question

我正在使用本教程的预加载器（第一部分），它非常酷且易于实现。但它只适用于中等尺寸的分辨率（从中等边框扩展或降低分辨率，它就像其他所有东西一样消失）。中等分辨率是指根据 Bootrap 网格大小：

   The Grid Sizes 
.col-xs-$   Extra Small Phones Less than 768px
.col-sm-$   Small Devices   Tablets 768px and Up
.col-md-$   Medium Devices  Desktops 992px and Up
.col-lg-$   Large Devices   Large Desktops 1200px and Up

似乎 z-index 完全重叠，我什至检查了我使用的样式中的每个 z-index，它们都低于我设置为此 .se-pre-con div 的“99999”。关于如何解决此问题或寻找什么的任何想法？我在前端真的很糟糕。抱歉，如果这是非常基本的，但听起来我在这里遗漏了一些东西。

标签： twitter-bootstrapz-index

Answer 1

刚刚找到了心爱的问题的根本原因。我为加载程序添加的 bootstrap.css 中的代码被困在魔鬼陷阱中：

 @media (min-width: 641px) and (max-width: 992px) {

所以，因为我的风格在那里，它只在那些分辨率宽度上可见。