Popup header.php

Question

我想在header.php中插入彈出窗口。 我想要一個帶圖像的彈出式按鈕。 例與屏幕：

我想上的按鈕，用戶點擊自動「contatta IL DJ」彈出窗口打開。

在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"). 
       });