材質設計HTML5與JQuery彈出窗口，打開一個頁面（.html）

早上好夥計，我試圖做一個jQuery的彈出窗口，打開一個新的HTML頁面的材料設計的HTML頁面。材質設計HTML5與JQuery彈出窗口，打開一個頁面（.html）

我使用的是直接來自Google的模板，它是文章模板。（只是谷歌「材料設計模板」，打開第一個結果，並在底部找到它）（對不起，但沒有10聲望，我不能發佈超過2個鏈接）。

對於彈出我使用彩盒：https://github.com/jackmoore/colorbox 我使用jQuery的文件名爲「jquery.colorbox.js」

的問題是：材料設計頁面有類似的東西隱藏覆蓋當它出現時彈出。形象的例子：view

這是我在文章頁面中使用的腳本：

<script src="scripts/ajax_googleapis.js"></script> 
<script src="scripts/colorbox.js"></script> 
<script> 
    function openColorBox(){ 
    $.colorbox({iframe:true, width:"80%", height:"80%", href: "example.html"}); 
    } 

    function countDown(){ 
    seconds-- 
    $("#seconds").text(seconds); 
    if (seconds === 0){ 
     openColorBox(); 
     clearInterval(i); 
    } 
    } 


    var seconds = 10, 
     i = setInterval(countDown, 1000); 
</script>

任何類型的幫助深表感謝！

來源

2016-12-30 folgore95

添加高Z指數 –

@LaljiTadhani對不起，我很喜歡這個。哪裏需要我添加它？到CSS？ – folgore95

設置彈出窗口的位置爲fixed，然後添加一個2000以上的z-index。

來源

2016-12-30 13:12:45

http://www.jacklmoore.com/colorbox/example1/colorbox.css我需要在CSS中更改哪些內容？ – folgore95

材質設計HTML5與JQuery彈出窗口，打開一個頁面（.html）

回答

相關問題