carouFredSel と Fancybox を使用して Web ページを作成しました。すべて正常に動作しますが、Fancybox は画像が灰色の影で覆われているため表示されます。ファンシーボックスのhtmlコード:
<a href="/images/front/1.jpg" class="lightbox_trigger" rel="fancybox1" >
<a href="/images/front/2.jpg" class="lightbox_trigger" rel="fancybox2" >
そしてjs:
$('#carousel a.lightbox_trigger').fancybox({
cyclic : true,
opacity: true,
onStart : function() {
$('#carousel').trigger("pause");
},
onClosed: function() {
$('#carousel').trigger("play");
}
});
更新 1
CSSの時点:
.tooltip {
font-weight: bold;
font-size: 1.1em;
}
.tooltip h3 {
color: red;
}
.tooltip h4 {
color: green;
}
/fancybox.css
z-index は around に設定されています1100