從jQuery fancybox中移除陰影1.3.4

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文件

.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文件刪除線各地41＃這些聲明， 添加 「顯示：無;」 到.fancybox-BG {...}

Answer 5

而是改變的lib CSS，你可以只添加這你的CSS後的fancybox CSS LIB包括

.fancybox-bg { 
    display: none; 
}