我怎样才能只使用CSS使两张图片显示得像下面我的绘图一样？这两张照片都是完美的正方形，我知道这样做会使部分图片无法显示。这是故意的。中间差距只是我的绘图技巧不好，它不应该出现在那里。此外，如果有可能有一个很好的褪色效果之间，他们满足，这将是更好的，但我假设CSS是没有这样的魔术。
xtfmy6hx1#
你可以使用遮罩和CSS网格如下：第一个
4nkexdtk2#
您必须将两个图像都包含在一个div标签中，并使用position：相对;在其上设置，并使用位置：绝对;表示使用top、right、bottom和left属性在其中定位图像。对于图像剪辑，我建议使用剪辑路径。您可以使用像这样的在线工具轻松生成所需的代码：https://bennettfeely.com/clippy/如果您能提供一个代码示例，它可以帮助我给予一个更具体的答案。
2条答案
按热度按时间xtfmy6hx1#
你可以使用遮罩和CSS网格如下：
第一个
4nkexdtk2#
您必须将两个图像都包含在一个div标签中，并使用position：相对;在其上设置，并使用位置：绝对;表示使用top、right、bottom和left属性在其中定位图像。
对于图像剪辑，我建议使用剪辑路径。您可以使用像这样的在线工具轻松生成所需的代码：https://bennettfeely.com/clippy/
如果您能提供一个代码示例，它可以帮助我给予一个更具体的答案。