Css 不在Firefox中工作的职位？

好的，我有一个滑块（使用bx滑块）

在铬合金中，滑块看起来非常完美。然而，在Firefox中，文本覆盖并没有显示出来。如果右键单击并检查元素，将看到以下css设置：

.featuresGrid ul li .summary {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

如果我暂时禁用

位置：绝对值

，然后重新启用它，文本叠加会突然正常工作。为什么它们在初始页面加载时会被破坏？顺便说一句，它也坏了

*{
保证金：0；
填充：0
}
.特征网格.特征网格{
位置：相对位置；
z指数：1；
背景色：#000；
溢出：隐藏；
}
.featuresOuter.bx包装器{
最大宽度：100%；
}
.featuresOuter.bx视口{
宽度：100%；
溢出：隐藏；
位置：相对位置；
高度：200px；
}
.featuresOuter.bx视口>.heightFix{
宽度：自动；
位置：相对位置；
}
.featuresOuter.heightFix{
高度：200px；
}
.特征苏特乌尔李{
列表样式：外部无；
位置：绝对位置；
z指数：0；
宽度：1158px；
}
.特点格里德·乌尔·李a{
位置：相对位置；
}
.特点Grid ul li.总结{
位置：绝对位置；
底部：0px；
宽度：100%；
背景色：rgba（0,0,0,0.5）
}

问题在于，您将

.summary

定位在相对于锚点的位置，锚点是一个内联元素。这可能有问题

然后，您可以添加

.featuresGrid ul>li>a{
显示：块；
}

*{
保证金：0；
填充：0
}
.特征网格.特征网格{
位置：相对位置；
z指数：1；
背景色：#000；
溢出：隐藏；
}
.featuresOuter.bx包装器{
最大宽度：100%；
}
.featuresOuter.bx视口{
宽度：100%；
溢出：隐藏；
位置：相对位置；
高度：200px；
}
.featuresOuter.bx视口>.heightFix{
宽度：自动；
位置：相对位置；
}
.featuresOuter.heightFix{
高度：200px；
}
.特征苏特乌尔李{
列表样式：外部无；
位置：绝对位置；
z指数：0；
宽度：1158px；
}
.特点格里德·乌尔·李a{
位置：相对位置；
显示：块；
}
.特点Grid ul li.总结{
位置：绝对位置；
底部：0px；
宽度：100%；
背景色：rgba（0,0,0,0.5）
}

请在问题本身中发布复制问题所需的最短代码，而不是链接整个页面。这就是问题所在。。。我不知道是什么代码导致了这个问题。根据代码，没有问题。。。当然，我在作品中解释过。知道重现问题所需的最短代码需要一些工作。你不能指望人们免费为你做那些艰苦的工作。我想说的是，我不可能理解这个问题是如何发生的。因为如果元素被禁用，那么firefox可以正常工作，然后重新启用。