Jquery 从Fancybox 2移除阴影？

有没有办法去除Fancybox 2上的阴影？有CSS解决方案吗？我花了很多时间尝试各种CSS解决方案，尝试破解JS，但似乎没有任何效果。请帮忙。下面是我如何称呼Fancybox的

<script type="text/javascript">
        $(document).ready(function() {
    $(".fancybox").fancybox({
        afterLoad: function(){
   this.title = $(this.element).next('.newTitle').html();
  },
        padding: 0, 
        openEffect: 'fade',
        closeEffect: 'fade',

        prevEffect: 'fade',
        nextEffect: 'fade',
        closeBtn   : false,
        arrows : false,
        helpers: {
            title   : { type : 'outside' },
            buttons: {},
            overlay: {
                css: {
                    'background': 'rgba(255, 255, 255, 1.5)'
                }
            }
        }

    });
});
    </script>

$（文档）.ready（函数（）{
$（“.fancybox”）.fancybox({
后加载：函数（）{
this.title=$（this.element）.next（'.newTitle'）.html（）；
},
填充：0，
openEffect:“褪色”，
特效：“褪色”，
效果：“褪色”，
下一个效果：“褪色”，
closeBtn:false，
箭头：错，
助手：{
标题：{type:'outside'}，
按钮：{}，
覆盖：{
css:{
'背景'：'rgba（255，255，255，1.5）'
}
}
}
});
});

编辑：JFK指出我的笔记在fancy box的错误版本上。 对于fancybox2，dropshadow处于启用状态

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

---

覆盖此设置以设置框阴影：无更改fancybox css中的以下内容

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

到

---

或者从fancybox css中删除它。当然，您可以将第二个代码段添加到其他css文件中。

您可以创建一个JSFIDLE吗？通常，修改原始文件不是一个好主意。最好在自定义css文件中添加此规则，并在包含fancybox css文件后添加。@JFK您完全正确。这让我们更容易回到原来的状态。你们真是太棒了。我把它放在我的网站CSS中，它就工作了。我也认为Barbara是对的，但我检查了Paul的答案，因为它帮助了像我这样的新手。你可以在自定义css文件中覆盖这些规则，然后包括fancybox css文件。

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}