Удалить тень из jQuery fancybox 1.3.4

Есть ли способ убрать эффект тени?

Я удалил изображения с тенью, но тень все еще там...

Спасибо


person Mirko    schedule 03.03.2011    source источник


Ответы (5)


В 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;
}
person Beto Frega    schedule 03.03.2011
comment
Ницца! Думаю, я пропустил этот файл css;) - person Mirko; 04.03.2011

Не забудьте IE CSS. Все, что ниже этой строки, также необходимо удалить.

.fancybox-т.е. .fancybox-bg {фон: прозрачный !важно; }

person peu    schedule 01.05.2011

Я потратил около 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);
}
person Abhik    schedule 25.07.2013

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

person Siva    schedule 09.09.2013

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

.fancybox-bg {
  display: none;
}
person Matias    schedule 06.11.2015