2013-11-25 2 views
1

Я постараюсь изо всех сил объяснить это ->Fancybox v2 - удалить белый фон?

Я использую Fancybox и все отлично работает. Вот и проблема.

Я хочу удалить белый фон, а также тень iframe-pop, а не наложение! Я пытался играть вокруг с CSS файлов, которые на самом деле не работают ...

Если вы нажмете на квадрат «# 1» вы можете увидеть, что я имею в виду: http://testingpage.de/ (я уничтожил фоновое изображение с целью см. белый bg.)

Спасибо за любую помощь и совет!

UPDATE:

Из-за полезные советы я могу избавиться от белого фона изображений. Он по-прежнему не работает ... IFRAME

+0

удалить эти два правила из строки 41 fancybox css: '-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); 'и тень ящика должна быть удалена –

+0

проблема 1/2 решена, спасибо! Теперь мне просто нужно избавиться от белого bg ... – Costa

+0

Что происходит, когда вы запускаете что-то, что не является iframe в fancybox? –

ответ

6

Нет необходимости редактировать исходный файл CSS ... просто добавьте это в пользовательском файле CSS и после загрузки файла FancyBox Css

.fancybox-opened .fancybox-skin { 
    -webkit-box-shadow: 0 0 0; 
     -moz-box-shadow: 0 0 0; 
      box-shadow: 0 0 0; 
} 

то ваш сценарий

$(".fancybox").fancybox({ 
    padding: 0 // remove white border 
}); 

См JSFIDDLE

EDIT:

Для полного прозрачного фона, а также добавить

.fancybox-skin {background: transparent} 

в пользовательском файле CSS

Смотрите обновленный JSFIDDLE

ПРИМЕЧАНИЕ: это делают FancyBox прозрачным, но фон вашего iframe (body, html) должен быть прозрачным тоже

+0

Спасибо, но я не просто хочу удалить границу. Я хочу удалить белый фон за изображение. Я приложил скриншот для уточнения. Белая область должна быть прозрачной, а не белой: http://i.imgur.com/gPu9daM.png – Costa

+0

@Costa см. Мой отредактированный ответ – JFK

+0

Спасибо! Он прозрачен для изображений, iframe bg по-прежнему белый. – Costa

Смежные вопросы