【问题标题】:Webkit bug: elements appear on mouse eventWebkit 错误:元素出现在鼠标事件上
【发布时间】:2014-05-22 21:36:45
【问题描述】:

我正在使用轮播库slick 来显示不同的图像,并且在每个图像中我都放置了一个绝对定位的描述,它应该显示在它的顶部。在 Firefox 上它工作得很好,但在 chrome 和 safari 中,描述框不显示,只有在我将鼠标从轮播按钮中取出后才会出现。您可以在这里看到这种情况:

http://brandca.co/adsl/#vistas
(左上角有一个菜单按钮,转到“渲染”并单击下一个滑动按钮)

我已经尝试修复它,将 z-index 放在描述 div 上,但没有奏效。

【问题讨论】:

  • 请在此处发布一些代码,和/或在jsfiddle.net 或类似网站上发布问题的最小演示。

标签: javascript jquery css css-transforms


【解决方案1】:

我写了这个库。将 -webkit-backface-visibility: hidden 放在您的 .description div 上将解决此问题。

【讨论】:

  • 顺便说一句,喜欢你的实现。看起来棒极了。
  • 工作就像一个魅力。喜欢图书馆。谢谢你的夸奖,意味着很多来自你。 :)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-09-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多