У меня есть несколько изображений в формате 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>
теги и добавить прозрачное фоновое изображение, но оно все еще не работает.Что-то я делаю не так?