透明图像的背景为白色

时间:2019-07-10 17:45:53

标签: css sass background-image styled-components

我有一些应该具有透明背景的png图像,但是当我将其添加到组件中时,出于某些奇怪的原因,它被赋予了白色背景:bg images

这些被添加为背景图像,我一直在尝试使其背景透明:

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>标签,并添加透明的背景图片,但仍然无法使用。我在做错什么吗?

0 个答案:

没有答案