Question

我使用FancyBox 2，我想编辑内联样式，我想从display: block;中删除fancybox-overlay。

原：

<div class="fancybox-overlay fancybox-overlay-fixed" style="width: auto; height: auto; display: block;">

编辑：

<div class="fancybox-overlay fancybox-overlay-fixed" style="width: auto; height: auto;">

Answer 1

尝试

＆＃13;

$('.fancybox-overlay.fancybox-overlay-fixed').css('display', '')

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="fancybox-overlay fancybox-overlay-fixed" style="width: auto; height: auto; display:block;">No display Block</div>

＆＃13;

Answer 2

如果你想要内联，你必须在它出现时一直这样做...... 更好的方法是在CSS中删除它

.fancybox-overlay.fancybox-overlay-fixed { display: inline!important; }

但是如果您需要内联版本，您可以在演示之前始终对事件采取行动：

$('.fancybox').fancybox({
   beforeShow: function() {
     $('.fancybox-overlay.fancybox-overlay-fixed').css('display', '')
   }
});

从fancybox中删除内联样式

2 个答案: