只设置火狐浏览器的overflow属性

可以使用以下 CSS 代码来只针对火狐浏览器设置 `overflow` 属性：

@-moz-document url-prefix() {
  /* 只在火狐浏览器下生效 */
  .container {
    overflow: auto;
  }
}

这里使用了 `@-moz-document` 规则，它只会在 Firefox 浏览器下生效。`url-prefix()` 表示匹配 URL 前缀，它会匹配所有在 `about:config` 中的 `general.useragent.extra.firefox` 配置中指定的字符串前缀，因此可以精确匹配 Firefox 浏览器。在这个规则的内部，就可以设置针对 Firefox 浏览器的 CSS 样式了。

相关问题

火狐浏览器，show-overflow-tooltip失效

如果你的火狐浏览器中 `show-overflow-tooltip` 失效了，有可能是因为该属性已被废弃或者删除了。你可以尝试使用其他属性来达到相似的效果，比如 `text-overflow: ellipsis`，它能够在文本溢出时显示省略号，同时鼠标悬停时也可以显示完整的文本内容。如果你需要更多的样式控制，可以使用 JavaScript 来实现自定义的提示框或工具提示。

火狐浏览器css样式兼容

火狐浏览器在 CSS 样式兼容性方面与其他现代浏览器相差不大，但仍然可能存在一些细微的差异。以下是一些可能需要注意的火狐浏览器 CSS 样式兼容性问题：

1. 文本溢出：火狐浏览器默认的 `text-overflow` 属性值为 `clip`，而其他浏览器的默认值为 `ellipsis`，因此可能需要手动设置 `text-overflow: ellipsis`。

2. 行高：火狐浏览器对于 `line-height` 的计算方式略有不同，可能会导致与其他浏览器的显示效果有所不同，可以通过设置具体的像素值来避免这个问题。

3. 字体渲染：火狐浏览器的字体渲染方式比其他浏览器更加平滑，可能会导致字体大小与其他浏览器有所不同，可以通过设置 `-moz-osx-font-smoothing` 和 `-moz-font-feature-settings` 属性来调整字体渲染效果。

4. 背景图像：火狐浏览器在使用背景图片时，可能会出现图片不平铺的情况，可以通过设置 `background-size` 属性来解决。

总的来说，火狐浏览器在 CSS 样式兼容性方面表现良好，开发者只需要略微注意一些细节即可保证在不同浏览器上的一致性。