Fancybox弹出 - 背景页面的下半部分消失

Question

我在此处设置了一个测试页：http://www.hestiacookware.com/shop/product.php?s=presentation-product

当您点击任何图像以启动Fancybox时，背景页面的一半会消失 - 它只会在某一点切断。

感谢您对此有任何帮助！

Answer 1

您的布局行为很奇怪，因为stylesheet.css文件中的这两个CSS属性：

第2行：

html {
  overflow-y:scroll;
}

第5行：

body {
  background: none repeat scroll 0 0 #143721;
  width: 100%;
}

...除非您有充分理由拥有它们，否则我建议您从overflow-y:scroll代码中移除html并从width: 100%代码移除body

如果没有它们，您的布局将正常运行，并且在大多数浏览器中都会保持一致。