Jquery 灯箱覆盖层不显示在镀铬上，但在镀铬金丝雀上效果良好

我在Lightbox Overlay上遇到了一些问题，除了Chrome（33版）之外，它在Chrome金丝雀、Safari、Firefox和IE上都能完美地显示出来

截图： **除Chrome外的任何浏览器上的Lightbox： **镀铬灯箱：

另一件奇怪的事情是，如果

我调整了浏览器的大小

悬停并检查页面上的HTML元素

任何帮助都将不胜感激

---

谢谢

可以将覆盖样式设置为

position:fixed;
width:100%;
height:100%;
top:0;
left:0;

---

如果需要，可以尝试覆盖默认样式。

添加此css规则。lightboxOverlay{overflow:scroll；}修复了不牺牲淡入度的问题

这对我很有效，在上面@MatTheCat发布的链接上找到了。

这似乎是一个问题（我已经有34个问题了，可以确认它仍然在发生）。根据bug报告，这应该在Chrome35中修复（4月10日发布测试版）

在发布之前，最好的解决办法似乎是禁用衰落。添加滚动条（overflow:scroll；）似乎也能起作用，但是您还有一组额外的滚动条

我在jquery.blockUI.js中遇到了这个问题。对于其他人，您可以更新此行

对于Lightbox用户，请尝试添加此CSS

@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
    .lightboxOverlay { overflow: scroll; }
    .lightboxOverlay::-webkit-scrollbar { width: 0px; }
}

对于jquery.blockUI.js用户，搜索

lyr2._fadeIn(opts.fadeIn, cb1);

替换为

lyr2.show();

---

是的，这里也是。也非常感谢@MatTheCat提供的github链接，这是一个帮助。我有一个lightbox JS插件，如果你只是想要一个解决方案，你可以使用它