0

请任何人告诉我如何根据fancybox内容高度修复覆盖背景高度(overlayOpacity部分)(意味着fancybox的顶部和底部没有额外的空间),我正在使用fancybox 2(最新版本)

代码:

jQuery.fancybox({                           
   'scrolling': 'no',
   'hideOnContentClick': true,
   'autoSize'    : true,
   'fitToView'  : false,
   'height' : '100%',
   'hideOnOverlayClick' : true,
   'content' : jQuery('.EngpopupContent'),
   'overlayShow' : true,
   'overlayOpacity' : 0.9,
   'overlayColor' : '#000',
   'transitionIn' : 'elastic',
   'transitionOut' : 'elastic',
   'changeFade' : 'fast',
   'easingIn' : 'swing',
   'easingOut' : 'swing',
   'showCloseButton' : true,
   //'showNavArrows' : true,
   'enableEscapeButton' : true,
   'onStart': function(){
       jQuery("#fancybox-overlay").css({"position":"fixed"});
   }
}); 

参考链接

我需要像上面的参考网址一样使用fancybox...请点击“请选择产品选项”按钮

请任何人帮助我...

4

1 回答 1

0

如果我理解正确,您需要从呈现的内容中删除边距和填充。您可以通过在配置中添加另外两个选项来做到这一点

jQuery.fancybox({ 
//other options
'padding': 0,
'margin' : 0,
//other options

欲了解更多信息,请访问http://fancybox.net/api

后期编辑:

现在我想我明白了。如果您使用带有关闭按钮的默认布局,请尝试将其添加到您的 CSS 文件中:

#fancybox-outer { background: transparent;}
#fancybox-close {top: 25px !important;}
#fancybox-wrap {top: -45px  !important;}

这将从顶部删除白色背景并将包装器定位在更靠近顶部的位置(如果您不想看到白色边边框,则需要将填充和边距设置为 0)

于 2012-07-24T13:18:31.603 回答