css - 透明图像具有白色背景

Question

我有一些应该具有透明背景的 png 图像，但是当我将它们添加到我的组件中时，由于某些奇怪的原因，它被赋予了白色背景：

这些被添加为背景图像，我一直在尝试使它们的背景透明：

const StyledImage = styled.div<ImageType>`
  height: 260px;
  width: 128px;
  background: transparent url(${({ mobileImage }) => mobileImage}) no-repeat;
  ${breakpoint('tabletMin')`
    background: transparent url(${({ image }) => image}) no-repeat;
    height: 585px;
    width: 288px;
  `};
  background-repeat: no-repeat;
  background-size: contain;
`;

但这似乎不起作用。我什至尝试将其更改为<img>标签并添加透明的背景图像，但它仍然不起作用。有什么我做错了吗？

标签： csssassbackground-imagestyled-components