html - WPBakery 出现问题，将一张图片放在另一张图片之上

Question

我在我的 wordpress 网站上安装了 WPBakery，我尝试在一个小部件中将两个图像分成 5 列，将两个图像放在一个列中。

然而，其中一张图片是另一张图片的自定义程式化相框。我设法通过在顶部边距上应用“-140%”的边距来部分解决问题。不幸的是，我无法让图像拉伸(stretch)以适合框架，而且当将视口(viewport)更改为更小(例如移动尺寸)时，框架会按比例缩放，而图像会自行缩小。

任何人都可以帮助我使图像与图像成比例缩放，并确保它拉伸(stretch)到框架的大小吗？

注意:图像可能与框架的分辨率不同，但我需要将图像拉伸(stretch)到这些尺寸。

Here is how it looks on a 1080p monitor, notice how its not stretched to the frame

When it is shrunk to a mobile viewport

Answer 1

根据我在商业环境中超过 13 年的 Web 开发经验，我的回答是使用一个图像。有这些的.PSD 元素。将您的图像框架作为一层，并在顶部的另一层中使用您的普通图像。当您想要创建这些图像之一时，打开 .PSD 元素，突出显示要替换的图像，然后导入新图像。您可能必须将新的裁剪为最后一个的尺寸并使用居中的 x 和 y。然后，以全尺寸保存新图像。它会缩小，因为它是一张图片，而不是一张带有 hacktastic 图片背景的图片。