jQuery.fancybox 學習筆記，jquery.fancybox

jQuery.fancybox 學習筆記，jquery.fancybox
設定堆疊順序(z-index)

用bootstrap+jquery開發前端，需要給彈出的模態框中的圖片，增加單擊圖片，可以對圖片進行放大預覽的功能，如果僅僅綁定了fancybox()函數，如：

$("a.fancybox").fancybox();

而沒有配置z-index的值，可能出現彈出層在模態框的後面的情況，如：

解決方案：
配置fancybox的覆蓋層(overlay)的堆疊順序(z-index)，大約為12500
最終實現代碼如下：

$("a.fancybox").fancybox({  helpers: {    overlay : {//z-index 僅能在定位元素(position=absolute||fixed)上湊效 ,此時 z-index值在12500左右      css : {position: "fixed", "z-index": 12500}    }  }});

效果：