Question

Hei，我正在使用Wordpress和一个名为斯德哥尔摩的主题。

问题在于，每当我点击图像时，就会出现一个灯箱。当关闭灯箱或在灯箱外面点击时，我会假设较暗的叠加层消失，但它不会那样做。它停留，它不会让我点击其他地方。我无法在js或css中找到故障。

这是页面：

http://plaaditood.ee/portfolio_page/vaana-moisa-tolla-kuur-looduskivi-paigaldus-80-m2/

另一个问题是网页的高度。它没有足够的内容来填充100％的高度。使身体的最小高度：100％不起作用。

感谢您的回复。

Answer 1

您可以尝试添加以下jQuery，前提是任何时候只能打开一个灯箱：

$(document).on("click", ".pp_close", function(){
$(".pp_overlay").fadeOut();
});

Answer 2

关于灯箱未关闭灰色叠加层，您的页面上似乎有两次相机javascript。

<script type='text/javascript' src='http://plaaditood.ee/assets/themes/stockholm/js/plugins.js?ver=4.2.2'></script>

<script type='text/javascript' src='http://plaaditood.ee/assets/plugins/js_composer/assets/lib/prettyphoto/js/jquery.prettyPhoto.js?ver=4.3.4'></script>

这可能是导致问题的原因。如果在删除其中一个实例后仍然无法解决问题，您也可以仔细检查您的实现。

http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/documentation

如果没有足够的内容将页脚推到底部，页脚不会停留在屏幕底部，您可以尝试这样做： http://www.cssstickyfooter.com/

关闭后，灯箱覆盖仍保留，页面高度为100％

2 个答案: