Eliminar sombra paralela de jQuery fancybox 1.3.4

Question

¿Hay alguna manera de eliminar el efecto de sombra?

He eliminado las imágenes de la sombra de la gota, pero la sombra sigue ahí ...

Gracias

Answer 1

Por jquery.fancybox-1.3.4.css simplemente eliminar o alterar las siguientes líneas:

#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

No olvides el IE CSS. Todo lo que se encuentre debajo de esta línea también debe eliminarse

.fancybox-ie .fancybox-bg {background: transparent! Important; }

Answer 3

Pasé como 30 minutos para encontrar cómo hacerlo en FancyBox 2.0 y más. Aunque esta pregunta es para la serie FancyBox 1, pensé que sería bueno ahorrar algo de tiempo para las personas que la buscan en la serie FancyBox 2.0.

eliminar estos declaración en torno a la línea # 41 en sources/jquery.fancybox.css archivo

.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

En el archivo css jquery.fancybox, añadir "display: none;" a .fancybox-bg {...}

Answer 5

En lugar de cambiar el css lib, puede simplemente añadir este el CSS después de la lib FancyBox CSS incluye

.fancybox-bg { 
    display: none; 
}