启用fancybox功能时单击放大PNG图片显示问题

[cq674350529]

在启用fancybox功能后，当单击PNG图片时，图片背景显示为透明，影响观看，能否通过 js代码 或css样式 将图片背景设置为白色？谢谢。

正常文章中显示的图片 (亮色模式)：

单击放大图片后，由于图片本身是透明的，影响观看：

示例链接：https://cq674350529.github.io/2022/01/22/A-Journey-into-Synology-NAS-%E7%B3%BB%E5%88%97%E5%9B%9B-HTTP%E8%AF%B7%E6%B1%82%E6%B5%81%E7%A8%8B%E5%92%8C%E6%A1%88%E4%BE%8B%E5%88%86%E6%9E%90/

其他：之前一直使用的是fancybox v2版本，v3版本一直存在这个问题，更新升级到Next最新版后，似乎fancybox v2 的css不兼容，故只能使用fancybox v3版本。

Next 版本：8.12.3

[stevenjoezhang]

fancybox 本来设置了白色的背景，但被 override 了。所以再用 css 声明一下背景颜色就行：

.fancybox-content {
  background: #fff !important;
}

fancybox 上游很久没更新了，估计没人管，就这样用着吧…

[cq674350529]

多谢，目前是直接从CDN加载的 fancybox 的js和css，在next主题中应该没法控制，回头看看怎么加载自己的fancybox 的 js和 css。

[stevenjoezhang]

自定义样式的方法可以参考 https://theme-next.js.org/docs/advanced-settings/custom-files.html

[cq674350529]

多谢，根据提供的建议，已解决 :)