打开模态时图片出现故障

Question

当您打开一个白色背景且内部有图片的模态时，当您打开它时，图片似乎位于模态后面，因此会出现白色条纹，这在黑色背景上清晰可见。 沙盒链接

我以为问题出在translateX中，但这是我所知道的最优化的选项

Answer 1

问题在于

drawer__modal

元素比图像大。

---

您有两个选择：

1. 使

   drawer__modal

   适应图像尺寸：

将

height: max-content;

添加到

drawer__modal

。

此外，将

display: block;

添加到

drawer__img

。

（没有

display: block;

图像底部会有不必要的额外空间）

或

2. 使

   drawer__img

   适应

   drawer__modal

   。

只需将

height: 100%;

添加到

drawer__img

。