离子滑块最后一个较大尺寸的图像仍然可见

Question

我正在使用离子滑动离子1来显示图像，它工作正常但如果我将较小的图像作为幻灯片上的下一个图像，则最后一个较大的图像仍然可见。

假设我的图像是350x150（灰色），那么下一个图像是140x100（蓝色），当它显示140x100图像时，350x150图像仍然显示在其顶部140x100。

显示第2张图像后，仍然可以看到350x150图像的灰度图像。

这是我的HTML代码：

ion-slides{
  height: 60vh !important;
}
.slider-page{
  text-align: center;
}

涉及离子滑动的css

ERROR in ./src/app/app.component.css
(Emitted value instead of an instance of Error) CssSyntaxError: C:\Users\kkehinde\Documents\WebStorm\Admin\src\assets\css\theme-default.css:7102:19: Can't resolve '../img/filetree/code.png'
in 'C:\Users\kkehinde\Documents\WebStorm\Admin\src\app'

  7100 | }
  7101 | li.ext_xml {
> 7102 |   background: url(../img/filetree/code.png) left top no-repeat;
       |                   ^
  7103 | }
  7104 | li.ext_zip {

ERROR in ./src/app/app.component.css
(Emitted value instead of an instance of Error) CssSyntaxError: C:\Users\kkehinde\Documents\WebStorm\Admin\src\assets\css\theme-default.css:7105:19: Can't resolve '../img/filetree/zip.png' in 'C:\Users\kkehinde\Documents\WebStorm\Admin\src\app'

  7103 | }
  7104 | li.ext_zip {
> 7105 |   background: url(../img/filetree/zip.png) left top no-repeat;
       |                   ^
  7106 | }
  7107 | /* END Filetree */

项目是来自服务器的图像文件列表，包含文件名和位置信息。

我想在显示140x100图像（蓝色）时完全隐藏350x150图像（灰色）。怎么解决这个？以及如何正常移动处理不同高度的图像？