從Fancybox 2中刪除投影？

有沒有辦法去除Fancybox 2上的投影？有沒有CSS解決方案？我花了很長時間用CSS來嘗試各種解決方案，並試圖破解JS，但似乎沒有任何工作。請幫忙。這就是我所說的Fancybox。從Fancybox 2中刪除投影？

<script type="text/javascript"> 
     $(document).ready(function() { 
    $(".fancybox").fancybox({ 
     afterLoad: function(){ 
    this.title = $(this.element).next('.newTitle').html(); 
    }, 
     padding: 0, 
     openEffect: 'fade', 
     closeEffect: 'fade', 

     prevEffect: 'fade', 
     nextEffect: 'fade', 
     closeBtn : false, 
     arrows : false, 
     helpers: { 
      title : { type : 'outside' }, 
      buttons: {}, 
      overlay: { 
       css: { 
        'background': 'rgba(255, 255, 255, 1.5)' 
       } 
      } 
     } 

    }); 
}); 
    </script>

來源

2014-01-28 user3016351

你可以創建一個jsfiddle嗎？ – geedubb

變化中的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); 
}

到

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

或者你從fancybox css中刪除它。當然，您可以將第二個片段添加到其他css文件。

來源

2014-01-28 21:43:45

好吧，通常修改原始文件並不是一個好主意。在自定義css文件中添加此規則幷包含fancybox css文件後更好。 – JFK

@JFK你是對的。這使得返回到原來的狀態變得更容易。 –

你們真棒。我把它放在我的網站CSS，它的工作原理。我也認爲芭芭拉是對的，但我檢查了保羅的答案，因爲它幫助了像我這樣的新手。 – user3016351

編輯：JFK指出，我的筆記是在錯誤的花式框的版本。對於fancybox2陰影效果是

.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); 
}

覆蓋此設置的box-shadow：無

來源

2014-01-28 21:31:45

您可以在包含fancybox css文件後覆蓋自定義css文件中的這些規則。 – JFK

從Fancybox 2中刪除投影？

回答

相關問題