从jQuery fancybox 1.3.4中删除阴影

有没有办法去除阴影效果？

我删除了阴影图像，但阴影仍在那里……

谢谢

Answer 1

在jquery.fancybox-1.3.4.css上只需删除或更改以下行：

#fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('fancybox-x.png'); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url('fancybox.png'); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('fancybox-y.png'); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('fancybox.png'); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('fancybox-x.png'); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('fancybox.png'); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('fancybox-y.png'); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url('fancybox.png'); background-position: -40px -122px; } 

Answer 2

不要忘记IE CSS。 此线下的所有内容也必须删除

.fancybox-ie .fancybox-bg {background：transparent！important; }

Answer 3

我花了30分钟时间在FancyBox 2.0及其中找到了如何做到这一点。 虽然这个问题适用于FancyBox 1系列，但我会为在FancyBox 2.0系列上寻找它的人节省一些时间。

在sources/jquery.fancybox.css文件中的第41行附近删除这些声明

 .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); } 

Answer 4

在jquery.fancybox css文件中，添加“display：none;” 到.fancybox-bg {…}

Answer 5

您可以在fancybox css lib include之后添加此css，而不是更改lib css

 .fancybox-bg { display: none; }