Удалить тень от 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! Важный;}

Answer 3

Я потратил около 30 минут, чтобы найти, как это сделать в FancyBox 2.0 и выше. Хотя этот вопрос относится к серии FancyBox 1, хотя было бы неплохо сэкономить время людям, которые ищут его в серии FancyBox 2.0.

Удалить эти объявления в строке # 41 в 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

Вместо того, чтобы изменять lib css, вы можете просто добавить этот css после того, как библиотека fancybox css включит

.fancybox-bg {
  display: none;
}

Answer 5

В файле jquery.fancybox css добавьте «display: none;»to .fancybox-bg {...}