【问题标题】:Weird yellow background-color appears in OSX SafariOSX Safari 中出现奇怪的黄色背景色
【发布时间】:2016-05-12 01:23:16
【问题描述】:

我有一个奇怪的问题,当我在语言子菜单打开时悬停语言链接时出现黄色背景色。这似乎是由我在打开菜单时用来为菜单设置动画的 CSS 旋转引起的。

这仅在非视网膜屏幕上可见。

这是一张图片,您可以看到问题:

还有一个查看它的链接:http://cognitif.ca/mci/_integration/

我发现当我评论展开动画所需的 CSS 旋转时,它会停止这样做。删除旋转不是一个选项,因为我想要那个特定的动画。

【问题讨论】:

  • 查看元素检查器应用的样式
  • 这个黄色背景色不是通过 CSS 应用的。这似乎是导航器本身造成的图形故障。它不会在视网膜屏幕、相同的浏览器、相同的系统上这样做。
  • 复制代码示例?
  • 您可以单击我提供的链接来重现故障。您必须使用非视网膜屏幕的 Safari。
  • 美丽的网站主题 :)

标签: html css animation


【解决方案1】:

问题出在background-color: transparent; 中,它适用于您的所有元素。 Safari 无法正确显示,请尝试使用 HEX 格式的特定颜色,黄色会消失。

【讨论】:

  • 我删除了在所有a 标签上应用background-color:transparent; 的行,它仍然可以这样做。
  • 尝试使用透明颜色来定义影响列表的特定元素。几周前我遇到了同样的问题,通过使用 HEX 颜色而不是 rgba 解决了这个问题。
  • 我会的,非常感谢您的回答,如果有效,我会将其标记为已接受的答案。
  • 检查该元素的背景色是如何生成的:#header .btn-toggle-lan-wrapper .unfold-overflow ul a 如果您使用的是编译器,请尝试在其中使用另一种颜色。
  • 当我将背景颜色设置为黑色或白色时,它会停止闪烁黄色背景。一旦我使用另一种颜色(任何其他颜色),它就会再次开始这样做。我现在开始非常讨厌 Safari。
【解决方案2】:

好的,我通过向我的链接添加 0 度的 CSS 旋转来停止这样做。这是一个奇怪的解决方法,但它确实有效。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-10-31
    • 2017-06-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-09-28
    • 1970-01-01
    • 2021-12-27
    相关资源
    最近更新 更多