【问题标题】:Safari 6 css hover bugSafari 6 CSS 悬停错误
【发布时间】:2012-08-14 12:19:18
【问题描述】:

这里是问题的例子:http://jsfiddle.net/wibbletech/gRshU/

列表中的项目是相对位置的 div(它是一个简单的字体名称列表)。 CSS 悬停更改项目的背景颜色。但是,列表中的最后一项(等宽)仅在鼠标悬停在该项的上半部分时才应用悬停设置。

我在 Safari 6.0 (8536.25)、Chrome 21.0.1180.79 和 Webkit 6.0 (8536.25, 537+) 上遇到了这个问题。但是,Opera 11.66 和 Firefox 14.0.1 可以正常工作。

我使用的是 2012 MacBook Pro Retina - Mountain Lion。

任何人都可以验证这个问题也发生在他们身上吗? 它看起来像一个错误还是我做错了什么? 感谢您的帮助。

【问题讨论】:

  • 删除 position:relative 时会发生什么; & 溢出:隐藏; ?
  • 谢谢标记 - 如果我使用 position:absolute; 它工作正常; - 我还没有真正寻找解决方法,我更想知道它是否是我应该向 webkit 开发人员报告的错误。干杯。

标签: css safari webkit hover


【解决方案1】:

试试这个不确定但希望有一些 +ve 结果

@media screen and (-webkit-min-device-pixel-ratio:0) {
#selector{ background: color; }
}

【讨论】:

  • 感谢您的反馈。当我添加@media 代码时,我看不到任何变化。
猜你喜欢
  • 2013-01-24
  • 1970-01-01
  • 2013-01-08
  • 1970-01-01
  • 2011-08-15
  • 2017-02-04
  • 1970-01-01
  • 2013-08-18
  • 2013-11-23
相关资源
最近更新 更多