popup jquery没有显示任何内容 - firefox

Question

我在html页面中使用弹出窗口。

我的按钮元素：

<button class="show-detail"><a href="#popup1">show details</a></button>

我的弹出式对话框：

                           <div id="popup1" class="overlay">
                                <div class="popup">
                                    <h2>test </h2>
                                    <a class="close" href="#table">&times;</a>
                                    <div class="content">
                                        <img src="assets/main/img/pepsi.png">
                                        <a href="company.html">test </a>
                                     <ul class="list-unstyled">
                                         <li class="info"><span class="fa fa-check"></span><span class="pr10">test </span><span>test </span></li>
                                         <li class="info"><span class="fa fa-check"></span><span class="pr10">test </span><span>test </span></li>
                                         <li class="info"><span class="fa fa-check"></span><span class="pr10">test </span><span>test </span></li>
                                         <li class="info"><span class="fa fa-check"></span><span class="pr10">test </span><span>test  </span></li>
                                     </ul>
                                    </div>
                                </div>
                            </div>

我的Chrome浏览器工作正常，但Firefox并没有显示任何内容。 我觉得一切都好。我的问题在哪里？