Twitter Bootstrap 轮播组件控制 Firefox 中的定位故障答案

【问题标题】：Twitter Bootstrap carousel component controls positioning glitch in firefoxTwitter Bootstrap 轮播组件控制 Firefox 中的定位故障
【发布时间】：2013-04-05 13:05:05
【问题描述】：

我使用 twitter bootstrap 为朋友重新设计了一个网站，我认为这可以让我不必考虑跨浏览器的兼容性。

现在我尝试将它与 firefox 一起使用，只是注意到当您将 Carousel 组件的控件悬停时它们会移开，因此无法单击它们。更不用说它看起来相当不专业。

在 Firefox 18.0.2 上可以看到奇怪的行为并发生在我身上： http://snow-first.com/snow-rabbit-3/

有人知道发生了什么吗？尝试查看 css，但悬停时唯一应该发生的事情是不透明度更改...

【问题讨论】：

标签： css firefox twitter-bootstrap

【解决方案1】：

对于选择器 .carousel-control:hover, .carousel-control:focus（CSS 的第 576 行）添加 position:absolute

【讨论】：

非常感谢！完美运行！似乎很奇怪，Firefox 删除了 .carousel-control 已经悬停的 position: abolute; ..
@AlexanderKuzmin a position:relative 覆盖它，这就是原因。如果答案正确，您可以接受。