Question

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

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

谢谢

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

从jQuery fancybox 1.3.4中删除阴影

5 个答案: