jquery mobile中的自定義彈出對話框

Question

我想創建一個自定義彈出對話框，如jquery mobile中附加的圖像。這個要求就像我不想讓對話框呈直角形狀。我想在對話框的底部放置「V」種形狀。有人可以提供相同的解決方案或想法。

Answer 1

訪問jQuery Mobile的文檔這裏是頁;

http://jquerymobile.com/demos/1.2.0-alpha.1/docs/pages/popup/

在這裏你可以看到一個對話按鈕。點擊那裏，你可以看到你正在尋找的解決方案。然後您可以使用CSS對其進行自定義。

訪問該頁面並開始處理它。

這裏是爲您設計彈出框

你可以設計一個類似HTML的

<div id="box">message 
    <div id="arrow"> 
     <img src="http://i.stack.imgur.com/PpMXb.png" alt=""> 
    </div> 
</div> 

和像

body{ 
    background:#0066CC; 
} 
#box{ 
    background:#FFFFFF; 
    width: 300px; 
    height: 200px; 
    margin-left: auto; 
    margin-right: auto; 
} 
#arrow{ 
    display:block; 
    margin-top:170px; 
    height: 30px; 
    width: 100%; 
} 
#arrow img{ 
    margin-left:20px; 
} 

http://jsfiddle.net/FppzR/