我在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">×</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并没有显示任何内容。 我觉得一切都好。我的问题在哪里?