css - Bootstrap Accordion 在 safari 中出现奇怪的弹跳

标签 css twitter-bootstrap safari

我为我的网站制作了自举 Accordion 。除了在 Safari 中,一切都很完美。

我正在尝试找出问题所在。

如果您运行的是 Safari,您会看到问题 here

此外,我添加到 Accordion 中的一小段 css 代码是:

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
}

问题不在上面的代码中,因为我在没有它的情况下测试了 Accordion ,但我在 Safari 中仍然遇到了同样的问题。

我们将不胜感激任何形式的帮助。

最佳答案

  .collapse {
  -webkit-transition: height 0s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
   transition: height 0.35s ease;
   }

关于css - Bootstrap Accordion 在 safari 中出现奇怪的弹跳,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36111418/

相关文章:

javascript - 防止父div中子项的垂直溢出

html - Bootstrap 5 Accordion 按钮中心对齐和换行符

php - Safari 和 php session 在 facebook iframe 中不起作用

网格内有溢出空白的 HTML 文本

jquery - 自定义单选按钮 - 在 iPad 上的 Safari 中显示隐藏的默认按钮

html - overflow css属性浏览器解释差异

javascript - 一键多项操作

php - 无法显示 :active page in my pagination function

css - 如何使用 HTML 在文档的每个打印页面上打印页眉和页脚?

javascript - Bootstrap 工具提示在悬停时保持打开状态