图片Fancybox上方的文字

Question

我使用Fancybox3显示一些图像，并且我想在图像上方放置一个文本。当我使用以下命令编辑javascript文件时，此方法有效：

测试

有了这个，我在实际图像上有文字。但是，当Fancybox放大和缩小图像时，此文本很大。为什么会发生这种情况，有办法解决吗？

我想在图像上而不是图像下方下载一个简单的图像。

Answer 1

您可以使用.fancybox-is-scaling类名在图像缩放时隐藏文本，类似于此演示-https://codepen.io/fancyapps/pen/ePYNZo。

该脚本使用CSS transform: scale()进行缩放以提高性能，但副作用是所有内容都随容器缩放。