Javascript lightbox赢得'；html节标记中的t函数

我需要把灯箱放在分区标签里。只是不知道为什么会发生这种情况，或者如何覆盖它。灯箱正在出现，但不会关闭，并且位于图像后面。代码如下：

 <section id="XXX">
 <div id="light" class="white_content">This is the lightbox content. <a href         = "javascript:void(0)" onclick =   "document.getElementById('light').style.display='none';document.getElementById(' fade').style.display='none'">Close</a></div>
<div id="fade" class="black_overlay"></div>


  <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">
                    <img src="Image.jpg" alt="Image" height="256" width="300">
                    </a>

 </section>

谢谢

控制台显示：

未捕获的TypeError:无法读取null的属性“style”

查看您的代码

getElementById(' fade').
               ^^

学习如何使用开发人员控制台，以便找到这些打字错误

。黑色覆盖{
显示：无；
位置：绝对位置；
最高：0%；
左：0%；
宽度：100%；
身高：100%；
背景色：黑色；
z指数：1001；
-moz不透明度：0.8；
不透明度：.80；
过滤器：α（不透明度=80）；
}
.white_内容{
显示：无；
位置：绝对位置；
最高：25%；
左：25%；
宽度：50%；
身高：50%；
填充：16px；
边框：16px实心橙色；
背景色：白色；
z指数：1002；
溢出：自动；
}

这是lightbox内容。

该代码运行时。。。。代码的其余部分是什么？希望我的编辑在某种程度上对我有所帮助，当我在上面复制代码的时候，我应该仔细检查一下。但事实证明，这并不是导致此错误的原因。所以代码运行。。。那么，section标签上的CSS是什么呢。也许这是一个z指数的东西？哇…我想打自己的脸。我不认为这与分区标签内的id有任何关系……但确实如此。将带着更多信息回来。是的..z索引问题。照顾好了。谢谢你的交叉检查帮助！

getElementById(' fade').
               ^^