弹出header.php

Question

我想在header.php中插入弹出窗口。 我想要一个带图像的弹出按钮。 屏幕示例：

我希望用户点击按钮＆＃34; contatta il dj＆＃34;弹出窗口自动在窗口中打开。

在header.php中，这是一个代码：

<a class="tile" style="background-image: url( 'http://s8.postimg.org/az38crnn5/party_dj_adelaide_icon1.png' ); background-position: center 13px; background-repeat: no-repeat;" href="http://www.specialradio1.altervista.org/contattaildj">
<span class="tile-title">CONTATTA IL DJ</span></a> 

但是我想要一个弹出窗口，请帮帮我吗？

Answer 1

1. 创建一个弹出 HTML

     <div class='popup_window'>
         Put Your Content Here
     </div>
   

2. <强> CSS

      .popup_window{ display: none; position: fixed; top: 10%; left:50%; transform:translateX(-50%); }
   

3. <强> JS

   $(".tile-title").on("click", function(){
       $(".popup_window").
     });