html - 移动Safari(12.2)应用了错误的样式

标签 html css safari styles mobile-safari

我有标题,根据滚动位置可以有2种背景类型:如果在页面顶部-透明,否则-红色。除移动Safari(iPad和iPhone)外,其他所有浏览器都可以正常运行。

在Safari检查器中,我看到应用了正确的样式,但实际结果是错误的。

Safari inspector

Actual result in browser

Computed styles in inspector

最佳答案

所以问题是标题有transition: transform 0.6s, background 0.6s;

我更改为transition: 0.6s;并成功了!

我认为Safari由于某些优化原因而等待额外的滴答声(事件循环)来重绘DOM

关于html - 移动Safari(12.2)应用了错误的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56663976/

相关文章:

twitter-bootstrap - 滚动时,推送列中的 Bootstrap Affix 菜单与 Safari 中的主要内容重叠

html - 在 HTML 表格中右对齐文本的更好方法

html - 在 CSS 中格式化缩进列表

javascript - 尝试实现特定于 Django 模型属性的“阅读更多”按钮

jquery - 点击事件隐藏父级div

javascript - Jquery javascript 无法在 Safari 5 上运行

javascript - 使用JavaScript的submit()函数时如何运行HTML5表单验证?

javascript - 防止 Yahoo OpenID 重定向页面

css - dropdrop、shinyWidgets 中的背景颜色

css - 如何恢复 normalize.css 的输入[类型 ="search"] 的 webkit 外观