css - Firefox 中的图片链接未覆盖整个图片

标签 css firefox twitter-bootstrap twitter-bootstrap-3

我刚刚注意到 Firefox 的一个奇怪错误(它在 IE 和 Chrome 上运行良好,所有 3 个都是最新版本)。当屏幕很大且导航栏完全展开时,品牌图像不可点击(我可以看到点击出现的左侧有几个像素,但点击图像没有任何反应)。但是,如果您将屏幕大小调整为较小的宽度,导航栏会折叠,然后链接就可以点击了。

我正在为导航栏使用 Bootstrap v3.0.0。

有什么想法吗?填充或固定定位有问题吗?我在 Internet 上找不到任何非常相似的内容。

最佳答案

奇怪的问题。

覆盖 .navbar-header { float: left; 的 bootstrap 3 规则 似乎可以解决问题:

.navbar-header {
  float: none;
}

关于css - Firefox 中的图片链接未覆盖整个图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18831046/

相关文章:

twitter-bootstrap - 你如何在 Twitter Bootstrap 的 popover 插件中禁用标题?

html - CSS 网格图像未填满整个容器

html - 为什么浏览器会调用多个网站图标?

css - 将背景图像叠加到背景颜色上

Firefox 不显示 SVG

html - IE 和 Firefox 上的 div 之间的差距

html - 在右上角显示文本,就像在文档中一样?

html - 在 Bootstrap 3 上使用 glyphicon 垂直居中 <a>

javascript - 输入类型范围 - 拇指错误时输出

html - 全尺寸封面正在缩放