【问题标题】:Display:Flex not supported in Safari?显示:Safari 不支持 Flex?
【发布时间】:2014-04-20 10:04:37
【问题描述】:

此站点上的下拉菜单会在悬停时触发,然后在激活时,它们会使用“display: flex;”水平显示在 CSS 中。无法弄清楚如何让它与 Safari 一起工作。它适用于 Chrome,但不适用于 Safari。

www.soakandswim.com/wp/pools

有什么见解吗?谢谢!

【问题讨论】:

  • 它只能通过-webkit前缀caniuse.com/#feat=flexbox在Safari 7.0上运行
  • @HashemQolami 太棒了!谢谢。它奏效了。

标签: css drop-down-menu safari cross-browser displayobject


【解决方案1】:

某些浏览器并不完全支持所有 CSS3 元素。试试这个:

display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;

【讨论】:

  • display: -webkit-flex; 修复了 OS X Safari 的问题。是否有针对移动设备的修复程序?
  • 对于移动版 Safari,您必须在附加属性前加上 -webkit 前缀,例如-webkit-align-items: center;
猜你喜欢
  • 1970-01-01
  • 2018-02-22
  • 2015-04-22
  • 2019-06-15
  • 2019-03-23
  • 2017-02-21
  • 2017-01-15
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多