jquery - 手动定位 Fancybox 2

Question

我一生都无法弄清楚如何重新定位 Fancybox 2 以使用 left: 47px; 和 top: 147px

我通读了源代码，在不破解它的情况下，我看不到覆盖定位的方法。

将 autoCenter 设置为 false 仅在第一次执行后停止自动居中。

使用 jQuery 更改 CSS，或提供自定义包装器来应用 CSS 也不起作用，因为 Fancybox 总是添加内联 CSS，这会覆盖我的所有尝试。

有没有办法告诉 Fancybox 停止自身定位并使用我的绝对定位？

Answer 1

您可以override inline CSS使用 !important 修饰符的样式。

对于 Fancybox 用例，以下内容将覆盖 JavaScript 定位:

.fancybox-wrap { 
  top: 147px !important; 
  left: 47px !important; 
}