为什么Canva的透明图像无法显示在我的网站上？

Question

我为餐厅创建了一个网站，我需要插入来自canva的透明徽标，但是 添加后将不会显示。这很奇怪，因为当我尝试使用其他图像而不是来自canva时，它正在起作用。有什么问题吗？

图像为png格式，但是我尝试了jpg，也没有任何反应。我甚至添加了带有背景的图像，但没有一个起作用。

似乎不是代码问题，是因为我说过来自canva的其他来源的图片通常无法显示，但是也许。

更改文件名不能解决任何问题。

import styled from 'styled-components'

import LogoImage from '../images/Super Sogbu (3).png'

const Logo = styled.img `
position: absolute;
top: 5vh;
left: 5vh;
width: 10%;
height: 10vh;
margin: 0;
padding: 0;
background-image: url(${LogoImage}) no-repeat center center fixed;
color: black;
`;

export default Logo;

这是我的第一个问题，所以我不知道该怎么形容我，但是我希望你能理解我的意思。

Answer 1

这看起来像无效的CSS。应该是：

multipart/mixed
├─── multipart/related
│   ├─── multipart/alternative
│   │   ├─── text/plain
│   │   └─── text/html
│   └─── image/png - inline image
└─── application/pdf - attachment

或

message = MIMEMultipart("mixed")
message["From"] = ...
.
.
.
bodyText = "..."
bodyHTML = "..."
mailFrom = "..."
targetEmail = "..."
imageContent = ...
fileContent = ...

relatedBody = MIMEMultipart("related")

messageBody = MIMEMultipart("alternative")
messageBody.attach(MIMEText(bodyText, "plain"))
messageBody.attach(MIMEText(bodyHTML, "html"))

relatedBody.attach(messageBody)

messageImage = MIMEImage(imageContent)
messageImage.add_header("Content-Disposition", 'inline; filename="..."')
messageImage.add_header("Content-ID", "<id used in html body>")

relatedBody.attach(messageImage)

message.attach(relatedBody)

attachment = MIMEApplication(fileContent)
attachment.add_header("Content-Disposition", 'attachment; filename="..."')

message.attach(attachment)